Identité visuelle

BRANDGUIDE

Charte graphique officielle de SkiTest Zermatt — couleurs, typographie, composants. Base de référence pour toute nouvelle page.

01 — Palette

Fond
#06080F
Carte
#0C111E
Sourd
#0F1522
Ice / Primaire
#22D3EE
Ice clair
#67E8F9
Blanc froid
#DCE6F5
Gris texte
#5E7099
Bordure
rgba(220,230,245,.08)

02 — Typographie

Fraunces
Aa Bb 01 23 & @ ! ?
Display · Titres hero
DM Sans
Aa Bb 01 23 & @ ! ?
Body · Interface · Nav
DM Mono
Aa Bb 01 23 & @ ! ?
Labels · Data · Prix
Effet outline — titres hero
Testez les meilleurs skis du monde

03 — Boutons

Primary
bg Ice · texte Fond · uppercase · tracking
Ghost
bordure blanc/12 · hover bordure Ice
Outline
bordure Ice · texte Ice · hover rempli

04 — Do & Don't

À faire
  • Fond sombre sur toutes les pages
  • Accent #22D3EE uniquement sur éléments interactifs
  • Fraunces display · DM Sans body · DM Mono labels
  • Titres en alternance plein / outline
  • Photos brightness 0.35–0.45 + overlay dégradé
  • Coins droits — radius max 2px
  • strokeWidth 1.5 pour icônes Lucide
  • Blanc froid #DCE6F5, jamais #FFFFFF pur
À éviter
  • Fond blanc ou gris clair
  • Ice en grande surface de fond
  • Mélanger Fraunces avec d'autres display
  • Coins arrondis larges (> 4px)
  • Photos sans overlay sombre
  • Dégradés colorés rose / violet / orange
  • Icônes pleines (sauf étoiles d'avis)
  • Plusieurs couleurs d'accent