Swiftheberg navbar logoSwiftheberg navbar logo

Charte Graphique

Une charte moderne pensée pour l'accessibilité, la performance et l'écologie.

🌈 Couleurs principales

Primary

CTA, liens, couleur principale

50: #EEEEFF
100: #E0E1FC
200: #C5C6F9
300: #A7A9F5
400: #7779F1
500: #4B4DED
600: #3C3EBE
700: #2D2F8F
800: #1E1F60
900: #0F1031
950: #080819

Secondary

Sections climat, succès

50: #EBFAF6
100: #D7F5ED
200: #B0EBDC
300: #88E1CB
400: #5FD8BA
500: #31D0AA
600: #27A688
700: #1D7D66
800: #145344
900: #0A2A22
950: #051511

Warning

Warnings modérés

50: #FFF9ED
100: #FFF3DB
200: #FFE7B8
300: #FFDB94
400: #FFD271
500: #FFC857
600: #CCA046
700: #997834
800: #665023
900: #332811
950: #1A1409

Danger

Erreurs, alertes critiques

50: #FDECEE
100: #FBD9DD
200: #F7B3BA
300: #F38D98
400: #EF6775
500: #E63946
600: #B82E38
700: #8A222A
800: #5C171C
900: #2E0B0E
950: #170607

Neutral

Textes, fonds, UI

50: #FAFCFE
100: #DFE7EC
200: #CED0E1
300: #B5B7D2
400: #9B9EC3
500: #8285B4
600: #636693
700: #474972
800: #2B2C51
900: #0E0E2C
950: #09091E

🔡 Typographie

Police principale - Poppins

Header 1 - 48px Bold

Utilisé pour les titres principaux

Header 2 - 36px Bold

Utilisé pour les sous-titres

Header 3 - 24px Bold

Utilisé pour les titres de sections

Texte normal - 16px Regular

Utilisé pour le corps du texte

Petit texte - 14px Regular

Utilisé pour les légendes et notes

✨ Logos & Iconographie

Logos principaux

Version Principale

Logos avec fond
Logo SwiftHeberg Coloré sur fond blanc
Logo SwiftHeberg Coloré sur fond bleu
Logo sans fond
Logo SwiftHeberg Coloré Sans Fond

Version Climate

Logos avec fond
Logo SwiftHeberg Climate sur fond blanc
Logo SwiftHeberg Climate sur fond vert
Logo sans fond
Logo SwiftHeberg Climate Sans Fond

Version Monochrome

Logos avec fond
Logo SwiftHeberg Monochrome Sombre
Logo SwiftHeberg Monochrome Clair
Logos sans fond
Logo SwiftHeberg Monochrome Sombre Sans Fond
Logo SwiftHeberg Monochrome Clair Sans Fond

Bannières

Version Colorée

Bannière SwiftHeberg Colorée Light
Bannière SwiftHeberg Colorée Dark

Version Monochrome

Bannière SwiftHeberg Monochrome Dark
Bannière SwiftHeberg Monochrome Light

Icônes

SwiftHeberg utilise la bibliothèque Tabler Icons pour une cohérence visuelle moderne.