Deck Bar
Style Guide
Référence simple des couleurs, tailles, polices et composants utilisables sur le site.
1. Couleurs
2. Styles sur fond blanc
Exemple sur fond clair
Titre H1 principal
Utilisé pour les titres de grandes pages : Accueil, Ludothèque, Réservation, Infos Pratiques.
Titre H2 de section
Utilisé pour structurer les grandes parties d’une page : une ludothèque vivante, de quoi se ravitailler, événements, etc.
Titre H3 / carte
Utilisé pour les titres de cartes, blocs, formulaires ou sous-sections.
Texte courant : il doit rester simple, lisible et assez espacé. Police recommandée : Geist.
Texte secondaire : mentions, aides, descriptions, informations RGPD ou détails moins importants.
3. Styles sur fond vert foncé
Exemple sur fond #02201D
Titre H1 sur fond sombre
Sous-titre sur fond sombre
Texte d’introduction important sur fond sombre. Il doit être lumineux, mais pas agressif.
Texte courant sur fond sombre. On évite le vert trop foncé ici, car il devient illisible. Les textes doivent être en blanc cassé ou mint clair.
Texte secondaire sur fond sombre : information complémentaire, aide ou précision.
4. Tailles de titres
H1 — Titre de page
Exemple : Ludothèque, Réservation, Infos Pratiques.
H2 — Titre de section
Exemple : Une ludothèque vivante, De quoi se ravitailler.
H3 — Titre de bloc
Exemple : Contactez-nous, Horaires d’ouverture, Boissons chaudes.
5. Polices
Rethink Sans
Police utilisée pour les titres, les gros mots, les sections importantes.
Geist
Police utilisée pour les textes courants, les formulaires, les boutons, les informations et les menus.
6. Cartes et blocs
Tournoi de Coinche
Prochaine session mardi 9 juin à 20h00.