Embedded Files
Voir aussi
Voir aussi
Charte graphique web
Charte graphique web
Application & Outils
Application & Outils
Ce site a été réalisé avec l'outil de création de site en libre accès Google Sites. Application qui permet notamment de créer un thème suivant leurs préceptes.
Nous avons donc créé le thème FCLI corvisart
Nom du site Corvisart Multimédia
Design du site
Design du site
Espacement > Largeur du site
L'outil donne les choix suivants pour une présentation des pages
Thème par défaut qui présente le contenu sur la plus petite largeur, et avec la possibilité d'y associer un cadre dont on peut choisir la couleur de fond.
Larges présente le contenu sur une largeur plus importante, avec la possibilité d'y associer un cadre.
Complet une largeur du contenu maximum sans possibilité d'y associer un cadre.
Nous avons opté pour le format Larges sans cadre.
Espacement > Densité
La Densité dans Google Sites permet de réglé les espaces des bloques sur chaque page, nous avons opté pour Normal qui est la densité des espaces la plus grande
1. Header & menu
1. Header & menu
Menu
Menu
Menu horizontal
Header du menu sur toute la largeur du site, logo et titre du site à gauche et le menu a droite, textes des parties du menu en capitale.
Typographie du menu
Typographie du menu
Inter Tight Moyen 14
Inter Tight Moyen
Aa Bb Cc Dd Ee Ff Gg Hh Ii Kk Ll Mm Nn
Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
Ææ Œœ & —— 1 2 3 4 5 6 7 8 9 0
Menu couleur du fond
Menu couleur du fond
Bleu
hexadécimal : #073763
rvb : rgb(7, 55, 99)
Couleur des textes
Couleur des textes
Blanc
hexadécimale : #ffffff
rvb : rgb(255, 255, 255)
Logo du menu
Logo du menu
format
image png
logo-corvisart-menu.png
Favicon du site
Favicon du site
format
image png
ico-cor.png
Ressources HTML pour les couleurs
Ressources HTML pour les couleurs
Rond de couleur centré
Rond de couleur centré
Code à copier et à intégrer avec votre propre couleur "background-color: #votre couleur;" ⬇️
<div class="color1">
<h1>#073763</h1>
</div>
<style>
.color1 {
overflow: hidden;
max-width: 150px;
height: 150px;
background-color: #a4c2f4;
margin: 5% auto;
border-radius: 50%;
border-width: 2px;
border-color: #efefef;
border-style: solid;
}
.color1 h1 {
text-align: center;
margin: 45% auto;
font-size: 16px;
font-family: sans-serif;
color: #39393b;
}
</style>
Rond de couleur gauche
Rond de couleur gauche
Code à copier et à intégrer avec votre propre couleur "background-color: #votre couleur;" ⬇️
<div class="color2">
<h1>#073763</h1>
</div>
<style>
.color2 {
overflow: hidden;
max-width: 150px;
height: 150px;
background-color: #073763;
margin: 20% 10% 10% 0;
border-radius: 50%;
border-width: 2px;
border-color: #efefef;
border-style: solid;
}
.color2 h1 {
text-align: center;
margin: 45% auto;
font-size: 16px;
font-family: sans-serif;
color: #ffffff;
}
</style>
Rond de couleur droit
Rond de couleur droit
Code à copier et à intégrer avec votre propre couleur "background-color: #votre couleur;" ⬇️
<div class="color3">
<h1>#073763</h1>
</div>
<style>
.color3 {
overflow: hidden;
max-width: 150px;
height: 150px;
background-color: #073763;
margin: 20% 0 10% auto;
border-radius: 50%;
border-width: 2px;
border-color: #efefef;
border-style: solid;
}
.color3 h1 {
text-align: center;
margin: 45% auto;
font-size: 16px;
font-family: sans-serif;
color: #ffffff;
}
</style>
Rond de couleur avec ombre centré
Rond de couleur avec ombre centré
Code à copier et à intégrer avec votre propre couleur "background-color: #votre couleur;" ⬇️
<div class="items color-shadow-1">
<h1>#073763</h1>
</div>
<style>
/* calé au centre */
.color-shadow-1 {
overflow: hidden;
max-width: 150px;
height: 150px;
background-color: #073763;
margin: 5% auto;
border-radius: 50%;
border: 1px solid #073763;
box-shadow: 2px 4px 20px 5px rgba(57, 57, 59, 0.3);
}
.color-shadow-1 h1 {
text-align: center;
margin: 45% auto;
font-size: 16px;
font-family: sans-serif;
color: #ffffff;
}
</style>
Rond de couleur avec ombre gauche
Rond de couleur avec ombre gauche
Code à copier et à intégrer avec votre propre couleur "background-color: #votre couleur;" ⬇️
<div class="items color-shadow-2">
<h1>#ffffff</h1>
</div>
<style>
/* calé a gauche */
.color-shadow-2 {
overflow: hidden;
max-width: 150px;
height: 150px;
background-color: #ffffff;
margin: 20% 10% 10% 0;
border-radius: 50%;
border: 1px solid #ffffff;
box-shadow: 2px 4px 20px 5px rgba(57, 57, 59, 0.3);
}
.color-shadow-2 h1 {
text-align: center;
margin: 45% auto;
font-size: 16px;
font-family: sans-serif;
color: #39393b;
}
</style>
Rond de couleur avec ombre droite
Rond de couleur avec ombre droite
Code à copier et à intégrer avec votre propre couleur "background-color: #votre couleur;" ⬇️
<div class="items color-shadow-3">
<h1>#a4c2f4</h1>
</div>
<style>
/* calé a droite */
.color-shadow-3 {
overflow: hidden;
margin: 20% 0 10% auto;
max-width: 150px;
height: 150px;
background-color: #a4c2f4;
border-radius: 50%;
border: 1px solid #a4c2f4;
box-shadow: 2px 4px 20px 5px rgba(57, 57, 59, 0.3);
}
.color-shadow-3 h1 {
text-align: center;
margin: 45% auto;
font-size: 16px;
font-family: sans-serif;
color: #39393b;
}
</style>
Rectangle de couleur avec ombre centré
Rectangle de couleur avec ombre centré
Code à copier et à intégrer avec votre propre couleur "background-color: #votre couleur;" ⬇️
<div class="color-pola-shadow-1">
<h1>#e1f5eb</h1>
</div>
/* calé au centre */
<style>
.color-pola-shadow-1 {
overflow: hidden;
max-width: 70%;
height: 70%;
background-color: #e1f5eb;
margin: 5% auto;
border-top: 1rem solid #ffffff;
border-right: 1rem solid #ffffff;
border-bottom: 3rem solid #ffffff;
border-left: 1rem solid #ffffff;
/*filter: drop-shadow(0 0 0.75rem crimson);*/
box-shadow: 2px 8px 12px 5px rgba(57, 57, 59, 0.2);
}
.color-pola-shadow-1 h1 {
text-align: center;
margin: 40% auto;
font-size: 16px;
font-family: sans-serif;
color: #39393b;
}
</style>
Rectangle de couleur avec ombre gauche
Rectangle de couleur avec ombre gauche
Code à copier et à intégrer avec votre propre couleur "background-color: #votre couleur;" ⬇️
<div class="items color-pola-shadow-2">
<h1>#ffffff</h1>
</div>
/* calé a gauche */
<style>
.color-pola-shadow-2 {
overflow: hidden;
margin: 20% 10% 10% 0;
max-width: 40%;
height: 60%;
background-color: #ffffff;
border-top: 1rem solid #f1efef;
border-right: 1rem solid #f1efef;
border-bottom: 3rem solid #f1efef;
border-left: 1rem solid #f1efef;
filter: drop-shadow(0 0 0.75rem rgba(57, 57, 59, 0.2));
}
.color-pola-shadow-2 h1 {
text-align: center;
margin: 35% auto;
font-size: 16px;
font-family: sans-serif;
color: #39393b;
}
</style>
Rectangle de couleur avec ombre gauche
Rectangle de couleur avec ombre gauche
Code à copier et à intégrer avec votre propre couleur "background-color: #votre couleur;" ⬇️
<div class="items color-pola-shadow-2">
<h1>#ffffff</h1>
</div>
/* calé a gauche */
<style>
.color-pola-shadow-2 {
overflow: hidden;
margin: 20% 10% 10% 0;
max-width: 40%;
height: 60%;
background-color: #ffffff;
border-top: 1rem solid #f1efef;
border-right: 1rem solid #f1efef;
border-bottom: 3rem solid #f1efef;
border-left: 1rem solid #f1efef;
filter: drop-shadow(0 0 0.75rem rgba(57, 57, 59, 0.2));
}
.color-pola-shadow-2 h1 {
text-align: center;
margin: 35% auto;
font-size: 16px;
font-family: sans-serif;
color: #39393b;
}
</style>
Rectangle de couleur arrondi centré
Rectangle de couleur arrondi centré
Code à copier et à intégrer avec votre propre couleur "background-color: #votre couleur;" ⬇️
<div class="items rec-color1">
<h1>#073763</h1>
</div>
/* calé au centre */
<style>
.rec-color1 {
overflow: hidden;
max-width: 250px;
height: 80px;
background-color: #073763;
margin: 5% auto;
border-radius: 40px 40px 40px 40px;
border-width: 2px;
border-color: #efefef;
border-style: solid;
}
.rec-color1 h1 {
text-align: center;
margin: 30px auto;
font-size: 16px;
font-family: sans-serif;
color: #ffffff;
}
</style>
Rectangle de couleur arrondi gauche
Rectangle de couleur arrondi gauche
Code à copier et à intégrer avec votre propre couleur "background-color: #votre couleur;" ⬇️
<div class="items rec-color2">
<h1>#ffffff</h1>
</div>
/* calé a gauche */
<style>
.rec-color2 {
overflow: hidden;
max-width: 250px;
height: 80px;
background-color: #ffffff;
margin: 20% 10% 10% 0;
border-radius: 0 40px 40px 0;
border-width: 2px;
border-color: #efefef;
border-style: solid;
}
.rec-color2 h1 {
text-align: center;
margin: 30px auto;
font-size: 16px;
font-family: sans-serif;
color: #39393b;
}
</style>
Rectangle de couleur arrondi droite
Rectangle de couleur arrondi droite
Code à copier et à intégrer avec votre propre couleur "background-color: #votre couleur;" ⬇️
<div class="items rec-color3">
<h1>#a4c2f4</h1>
</div>
/* calé a droite */
<style>
.rec-color3 {
overflow: hidden;
max-width: 250px;
height: 80px;
background-color: #a4c2f4;
margin: 20% 0 10% auto;
border-radius: 40px 0 0 40px;
border-width: 2px;
border-color: #efefef;
border-style: solid;
}
.rec-color3 h1 {
text-align: center;
margin: 30px auto;
font-size: 16px;
font-family: sans-serif;
color: #39393b;
}
</style>
2. Pages avec en-tête hero image
2. Pages avec en-tête hero image
HERO IMAGE
HERO IMAGE
Définition de "hero image"
Définition de "hero image"
Une "Hero Image" est le premier visuel sur un site web, souvent placé au-dessus de la ligne de flottaison. Elle peut être une photo, un graphique, une illustration ou une vidéo. Elle comprend souvent un appel à l’action (CTA, call to action en anglais) pour encourager une interaction plus profonde avec le site.
Taille des images
Taille des images
Largeur minimale 2200 px x Hauteur minimale 1200 px
si pas de transparence format JPG qualité 6 ou 8
Iconographie
Iconographie
Images de style urbain, détails d'architecture moderne, photos qui utilisent le bokeh.
Les lumières de la ville, le trafic urbain, les gens en mouvement.
Des exemples d'images sur Unsplash
Pour les images d'architecture utilisation du site Duotone Shape Factory
3. Choix typographique pour le site
3. Choix typographique pour le site
Inter - Normal - corps 22
Inter - Normal - corps 22
Aa Bb Cc Dd Ee Ff Gg Hh Ii Kk Ll Mm Nn
Aa Bb Cc Dd Ee Ff Gg Hh Ii Kk Ll Mm Nn
Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
Ææ Œœ & —— 1 2 3 4 5 6 7 8 9 0
Ææ Œœ & —— 1 2 3 4 5 6 7 8 9 0
Inter Tight - Normal - corps 18
Inter Tight - Normal - corps 18
Aa Bb Cc Dd Ee Ff Gg Hh Ii Kk Ll Mm Nn
Aa Bb Cc Dd Ee Ff Gg Hh Ii Kk Ll Mm Nn
Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
Ææ Œœ & —— 1 2 3 4 5 6 7 8 9 0
Ææ Œœ & —— 1 2 3 4 5 6 7 8 9 0
4. Couleur d'arrière plan par défaut . Pairing
4. Couleur d'arrière plan par défaut . Pairing
Couleur de fond par défaut
Couleur de fond par défaut
Vert clair
hexadécimale : #e1f5eb
rvb : rgb(225, 245, 235)
Pairing typographique
Pairing typographique
Lorem ipsum, dolor sit amet
Lorem ipsum, dolor sit amet
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quibusdam pariatur ratione, amet voluptate incidunt, libero reiciendis eum voluptatem a veniam odio voluptates. Amet, omnis. Voluptates deserunt architecto harum corporis et.
Repudiandae enim error, perspiciatis illo doloremque velit earum consectetur ex necessitatibus. Inventore facilis, harum distinctio eius illo animi illum deserunt laboriosam sit ut! Maiores dolorum, perferendis provident ad necessitatibus error.
5. Styles
5. Styles
Style 1
Style 1
Couleur d'arrière plan . Titres et en-têtes - Titre . Titre . Sous-titre . Corps du texte - Normal - Petits caractères . Composants - Boutons - Séparateur - Lien
Couleur d'arrière plan
Couleur d'arrière plan
Vert
hexadécimale : #e1f5eb
rvb : rgb(225, 245, 235)
- Titre
Vert foncé
hexadécimale : #0c343d
rvb : rgb(12, 52, 61)
Inter
Très Gras - corps 34
Inter
Très Gras - corps 34
Fer à gauche - Interlignage 1.15
Espace entre paragraphes
Avant : 34
Après : 0
Aa Bb Cc Dd Ee Ff Gg Hh Ii Kk Ll Mm Nn
Aa Bb Cc Dd Ee Ff Gg Hh Ii Kk Ll Mm Nn
Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
Ææ Œœ & —— 1 2 3 4 5 6 7 8 9 0
Ææ Œœ & —— 1 2 3 4 5 6 7 8 9 0
2. Titre
2. Titre
Bleu foncé
hexadécimale : #073763
rvb : rgb(7, 55, 99)
Inter
Inter
Clair - corps 30
Clair - corps 30
Fer à gauche - Interlignage 1.25
Espace entre paragraphes
Avant : 18
Après : 0
Aa Bb Cc Dd Ee Ff Gg Hh Ii Kk Ll Mm Nn
Aa Bb Cc Dd Ee Ff Gg Hh Ii Kk Ll Mm Nn
Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
Ææ Œœ & —— 1 2 3 4 5 6 7 8 9 0
Ææ Œœ & —— 1 2 3 4 5 6 7 8 9 0
Sous-titre
Sous-titre
Bleu
hexadécimale : #10477b
rvb : rgb(16, 71, 123)
Inter
Gras - corps 18
Inter
Gras - corps 18
Fer à gauche - Interlignage 1.15
Espace entre paragraphes
Avant : 7
Après : 6
Aa Bb Cc Dd Ee Ff Gg Hh Ii Kk Ll Mm Nn
Aa Bb Cc Dd Ee Ff Gg Hh Ii Kk Ll Mm Nn
Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
Ææ Œœ & —— 1 2 3 4 5 6 7 8 9 0
Ææ Œœ & —— 1 2 3 4 5 6 7 8 9 0
Normal
Normal
Gris foncé
hexadécimale : #39393b
rvb : rgb(57, 57, 59)
Inter Tight
Moyen - corps 14
Inter Tight
Moyen - corps 14
Fer à gauche - Interlignage 1.15
Espace entre paragraphes
Avant : 6
Après : 6
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quibusdam pariatur ratione, amet voluptate incidunt, libero reiciendis eum voluptatem a veniam odio voluptates. Amet, omnis. Voluptates deserunt architecto harum corporis et.
Petits caractères
Petits caractères
Gris clair
hexadécimale : #787878
rvb : rgb(120, 120, 120)
Inter Tight
Normal - corps 11
Inter Tight
Normal - corps 11
Fer à gauche - Interlignage 1.25
Espace entre paragraphes
Avant : 4
Après : 0
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quibusdam pariatur ratione, amet voluptate incidunt, libero reiciendis eum voluptatem a veniam odio voluptates. Amet, omnis. Voluptates deserunt architecto harum corporis et.
Lien
Lien
Bleu vif
hexadécimale : #00a6ff
rvb : rgb(0, 166, 255)
Séparateur
Séparateur
Gris foncé
hexadécimale : #39393b
rvb : rgb(57, 57, 59)
Boutons
Boutons
Bouton Rempli - Bouton de Texte - Bouton avec contours
CTA
CTA
Des différentes parties du site - Des présentations des liens externes
Style 2
Style 2
Couleur d'arrière plan . Titres et en-têtes - Titre . Titre . Sous-titre . Corps du texte - Normal - Petits caractères . Composants - Boutons - Séparateur - Lien
Couleur d'arrière plan
Couleur d'arrière plan
Vert
hexadécimale : #8cdab5
rvb : rgb(140, 218, 181)
- Titre
Vert foncé
hexadécimale : #10477b
rvb : rgb(16, 71, 123)
Inter
Très Gras - corps 34
Inter
Très Gras - corps 34
Fer à gauche - Interlignage 1.15
Espace entre paragraphes
Avant : 34
Après : 0
Aa Bb Cc Dd Ee Ff Gg Hh Ii Kk Ll Mm Nn
Aa Bb Cc Dd Ee Ff Gg Hh Ii Kk Ll Mm Nn
Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
Ææ Œœ & —— 1 2 3 4 5 6 7 8 9 0
Ææ Œœ & —— 1 2 3 4 5 6 7 8 9 0
2. Titre
2. Titre
Bleu foncé
hexadécimale : #10477b
rvb : rgb(16, 71, 123)
Inter
Inter
Clair - corps 30
Clair - corps 30
Fer à gauche - Interlignage 1.25
Espace entre paragraphes
Avant : 18
Après : 0
Aa Bb Cc Dd Ee Ff Gg Hh Ii Kk Ll Mm Nn
Aa Bb Cc Dd Ee Ff Gg Hh Ii Kk Ll Mm Nn
Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
Ææ Œœ & —— 1 2 3 4 5 6 7 8 9 0
Ææ Œœ & —— 1 2 3 4 5 6 7 8 9 0
Sous-titre
Sous-titre
Bleu
hexadécimale : #10477b
rvb : rgb(16, 71, 123)
Inter
Gras - corps 18
Inter
Gras - corps 18
Fer à gauche - Interlignage 1.15
Espace entre paragraphes
Avant : 7
Après : 6
Aa Bb Cc Dd Ee Ff Gg Hh Ii Kk Ll Mm Nn
Aa Bb Cc Dd Ee Ff Gg Hh Ii Kk Ll Mm Nn
Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
Ææ Œœ & —— 1 2 3 4 5 6 7 8 9 0
Ææ Œœ & —— 1 2 3 4 5 6 7 8 9 0
Normal
Normal
Vert foncé
hexadécimale : #0c343d
rvb : rgb(12, 52, 61)
Inter Tight
Moyen - corps 14
Inter Tight
Moyen - corps 14
Fer à gauche - Interlignage 1.15
Espace entre paragraphes
Avant : 6
Après : 6
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quibusdam pariatur ratione, amet voluptate incidunt, libero reiciendis eum voluptatem a veniam odio voluptates. Amet, omnis. Voluptates deserunt architecto harum corporis et.
Petits caractères
Petits caractères
Gris clair
hexadécimale : #073763
rvb : rgb(7, 5, 99)
Inter Tight
Normal - corps 11
Inter Tight
Normal - corps 11
Fer à gauche - Interlignage 1.25
Espace entre paragraphes
Avant : 4
Après : 0
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quibusdam pariatur ratione, amet voluptate incidunt, libero reiciendis eum voluptatem a veniam odio voluptates. Amet, omnis. Voluptates deserunt architecto harum corporis et.
Lien
Lien
Bleu vif
hexadécimale : #0396ff
rvb : rgb(3, 150, 255)
Séparateur
Séparateur
Vert foncé
hexadécimale : #0c343d
rvb : rgb(12, 52, 61)
Boutons
Boutons
Bouton Rempli - Bouton de Texte - Bouton avec contours
CTA
CTA
Des différentes parties du site - Des présentations des liens externes
Style 2
Style 2
Couleur d'arrière plan . Titres et en-têtes - Titre . Titre . Sous-titre . Corps du texte - Normal - Petits caractères . Composants - Boutons - Séparateur - Lien
Couleur d'arrière plan
Couleur d'arrière plan
Vert
hexadécimale : #f1f2f0
rvb : rgb(241, 242, 240)
- Titre
Vert foncé
hexadécimale : #1c1c1c
rvb : rgb(28, 28, 28)
Inter
Très Gras - corps 34
Inter
Très Gras - corps 34
Fer à gauche - Interlignage 1.15
Espace entre paragraphes
Avant : 34
Après : 0
Aa Bb Cc Dd Ee Ff Gg Hh Ii Kk Ll Mm Nn
Aa Bb Cc Dd Ee Ff Gg Hh Ii Kk Ll Mm Nn
Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
Ææ Œœ & —— 1 2 3 4 5 6 7 8 9 0
Ææ Œœ & —— 1 2 3 4 5 6 7 8 9 0
2. Titre
2. Titre
Bleu foncé
hexadécimale : #0c343d
rvb : rgb(12, 52, 61)
Inter
Inter
Clair - corps 30
Clair - corps 30
Fer à gauche - Interlignage 1.25
Espace entre paragraphes
Avant : 18
Après : 0
Aa Bb Cc Dd Ee Ff Gg Hh Ii Kk Ll Mm Nn
Aa Bb Cc Dd Ee Ff Gg Hh Ii Kk Ll Mm Nn
Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
Ææ Œœ & —— 1 2 3 4 5 6 7 8 9 0
Ææ Œœ & —— 1 2 3 4 5 6 7 8 9 0
Sous-titre
Sous-titre
Bleu
hexadécimale : #073763
rvb : rgb(7, 55, 99)
Inter
Gras - corps 18
Inter
Gras - corps 18
Fer à gauche - Interlignage 1.15
Espace entre paragraphes
Avant : 7
Après : 6
Aa Bb Cc Dd Ee Ff Gg Hh Ii Kk Ll Mm Nn
Aa Bb Cc Dd Ee Ff Gg Hh Ii Kk Ll Mm Nn
Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
Ææ Œœ & —— 1 2 3 4 5 6 7 8 9 0
Ææ Œœ & —— 1 2 3 4 5 6 7 8 9 0
Normal
Normal
Gris foncé
hexadécimale : #39393b
rvb : rgb(57, 57, 59)
Inter Tight
Moyen - corps 14
Inter Tight
Moyen - corps 14
Fer à gauche - Interlignage 1.15
Espace entre paragraphes
Avant : 6
Après : 6
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quibusdam pariatur ratione, amet voluptate incidunt, libero reiciendis eum voluptatem a veniam odio voluptates. Amet, omnis. Voluptates deserunt architecto harum corporis et.
Petits caractères
Petits caractères
Gris clair
hexadécimale : #787878
rvb : rgb(120, 120, 120)
Inter Tight
Normal - corps 11
Inter Tight
Normal - corps 11
Fer à gauche - Interlignage 1.25
Espace entre paragraphes
Avant : 4
Après : 0
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quibusdam pariatur ratione, amet voluptate incidunt, libero reiciendis eum voluptatem a veniam odio voluptates. Amet, omnis. Voluptates deserunt architecto harum corporis et.
Lien
Lien
Bleu vif
hexadécimale : #03cbfd
rvb : rgb(3, 203, 253)
Séparateur
Séparateur
Vert foncé
hexadécimale : #002471
rvb : rgb(0, 36, 113)
Boutons
Boutons
Bouton Rempli - Bouton de Texte - Bouton avec contours
CTA
CTA
Des différentes parties du site - Des présentations des liens externes
Page updated
Google Sites
Report abuse