← Retour à l'accueil

Brand book

Charte graphique

Couleurs

Terracotta
--terracotta
#C4773B · rgb(196, 119, 59)
Couleur signature — CTA, liens actifs, icônes, étoiles, pastilles, logo, dégradé de la barre de progression
Terracotta Light
--terracotta-light
#E8A96A · rgb(232, 169, 106)
Dégradé fin de la barre de progression, tags de catégories de citations
Ink
--ink
#1A1410 · rgb(26, 20, 16)
Couleur principale du texte, titres, navbar CTA, fond de la section citations
Taupe
--taupe
#4A3F35 · rgb(74, 63, 53)
Texte des témoignages (variante plus douce que Ink)
Makara
--makara
#8A7A6A · rgb(138, 122, 106)
Texte secondaire, sous-titres, descriptions, mentions, footer
Warm
--warm
#E8DFD0 · rgb(232, 223, 208)
Bordures, séparateurs, fond de la barre de stats
Paper
--paper
#F7F3ED · rgb(247, 243, 237)
Fond de page principal, texte inversé sur fond sombre
Egg
--egg
#FFFEF9 · rgb(255, 254, 249)
Fond des cartes, badges flottants, cartes témoignages et fonctionnalités

Typographies

Quotely
Playfair Display
Serif · Google Fonts
Titres, logo, citations, grands chiffres, guillemets décoratifs
Styles utilisés 700 (Bold), 700 Italic
Letter-spacing -0.02em à -0.04em
Aa Hero H1
clamp(2.8rem, 5vw, 4.2rem) · line-height 1.1
Aa CTA H2
clamp(2.2rem, 5vw, 3.8rem) · line-height 1.1
Aa Section H2
clamp(2rem, 4vw, 3rem) · letter-spacing -0.02em
Aa Logo
1.6rem · weight 700
Aa Titre de carte
1.25rem · letter-spacing -0.01em
Aa Citation (blockquote)
1rem italic · line-height 1.7 · featured : 1.2rem
Quotely
DM Sans
Sans-serif · Google Fonts
Corps de texte, navigation, boutons, badges, labels, footer
Styles utilisés 300 (Light), 400 (Regular), 500 (Medium), 600 (Semi-Bold)
Letter-spacing 0.02em (nav) · 0.05em–0.12em (labels uppercase)
Aa Sous-titre hero
1.1rem · weight 300 · line-height 1.7
Aa Description section
1.05rem · weight 300 · line-height 1.7
Aa Boutons (CTA)
0.95rem · weight 500
Aa Liens nav / témoignages
0.9rem · weight 500 · letter-spacing 0.02em
Aa Stats / footer
0.85rem · uppercase 0.05em (stats) · regular (footer)
Aa Badge flottant
0.78rem · weight 500
Aa Eyebrow / label
0.75rem · weight 500 · uppercase · letter-spacing 0.08–0.12em