Identité visuelle

Charte graphique

Les couleurs, polices et composants qui font l'identité visuelle de Lakou Damien Community — en conditions réelles, thème clair et sombre.

Palette

Couleurs

Bleu principal
--ldc-blue
Navbar, boutons primaires, titres actifs
Bleu foncé
--ldc-blue-dark
Dégradé navbar, titres (h1–h6)
Vert
--ldc-green
Accents positifs, succès
Vert foncé
--ldc-green-dark
Survol des éléments verts
Ocre / jaune
--ldc-yellow
Appels à l'action (don), badge « en direct »
Ocre foncé
--ldc-yellow-dark
Survol des éléments ocre
Fond des cartes
--ldc-white
Devient sombre en thème nuit
Texte courant
--ldc-dark
S'inverse en thème nuit
Gris
--ldc-gray
Texte secondaire, légendes
Fond clair
--ldc-bg-light
Fond de section alterné

Le thème sombre n'est pas une palette différente : les fonds (--ldc-white, --ldc-bg-light) et le texte (--ldc-dark, --ldc-gray) s'inversent, mais le bleu, le vert et l'ocre restent identiques — utilisez le bouton de thème dans le menu pour voir la bascule sur cette page.

Polices

Typographie

var(--font-heading) — Poppins, graisse 700

Titres géométriques

Kominote Lakou Damyen

var(--font-body) — Merriweather (repli Georgia/serif)

Vulgarisation scientifique, innovation citoyenne et espaces collaboratifs en Haïti — le corps de texte reste en serif pour une lecture confortable des articles et entrevues.

Forme & profondeur

Rayons et ombres

Rayon standard
var(--radius) — 14px
var(--shadow-soft)
Ombre douce (teintée bleu)
0 10px 30px rgba(14, 74, 120, .12)
Actions

Boutons

En direct
Composants

Composants réutilisables

.ldc-icon-box.blue
Puce personne
.ldc-people-chip
.ldc-iv-avatars

Cette page reflète en direct les vraies variables CSS du site (assets/css/style.css) : toute évolution de la palette ou des composants s'y met à jour automatiquement, sans rien dupliquer.