03 — Palette

Couleurs

Une palette volontairement resserrée, articulée autour du vert signal et du noir profond. Chaque couleur porte un rôle précis dans le système.

#32d856

Vert — Accent principal

#1a1a1a

Noir — Fond principal

#ffffff

Blanc — Texte & Fond alt.

#000000

Noir pur — Fond secondaire

#474747

Gris — Éléments UI

4a4949 · 22%

Gris foncé — Surfaces

#d9d9d9 · 18%

Gris clair — Bordures

04 — Iconographie

Icônes

Bibliothèque Font Awesome 6. Utiliser exclusivement le style solid pour la cohérence. Taille minimum 16px.

Icônes recommandées

home

user

gear

bell

mail

arrow →

check

add

star

Élément graphique — bg-adgrafix

05 — Typographie

Oswald · Titres & Display

ABCDEFGHIJKLM

NOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

0123456789

Nunito Sans · Corps de texte

ABCDEFGHIJKLM

NOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

0123456789

06 — Hiérarchie

Exemple typographique

Démonstration de la hiérarchie visuelle appliquée : du titre principal jusqu'à la liste, chaque niveau maintient une lisibilité optimale.

⚡ Sur-titre de section

Design System
& Brand Identity

Fondamentaux visuels de la marque

Ce document présente les règles fondamentales qui définissent l'identité visuelle de la marque. Il sert de référence pour tout projet de communication, digital ou imprimé.

Palette de couleurs et usage
Système typographique et hiérarchie
Iconographie et éléments graphiques
Règles d'espacement et de mise en page

Couleurs

Icônes

Exemple typographique

Design System& Brand Identity

Fondamentaux visuels de la marque

Design System
& Brand Identity