Identité visuelle
Logo Harambee — Variantes officielles
Le logo Harambee est un monogramme WA avec couronne dorée symbolisant la royauté panafricaine et l'excellence financière.
Couleurs
Palette officielle Harambee
Bleu Nuit
#0A1428 · rgb(10,20,40)
Navigation, fonds sombres, textes forts, sidebar
Doré Institutionnel
#D4A017 · rgb(212,160,23)
CTA principaux, accents, badges, couronne
Ocre
#C8860A · rgb(200,134,10)
Dégradés, liens actifs, hover doré foncé
Blanc
#FFFFFF · rgb(255,255,255)
Fonds principaux, cartes, formulaires
Gris Bleuté
#f0f3f8 · rgb(240,243,248)
Fond de page, zones secondaires
| Variable CSS | Hex | Usage |
|---|
--bleu-nuit | #0A1428 | Couleur primaire — navigation, titres, fonds sombres |
--dore | #D4A017 | Accent principal — CTA, badges, couronne logo |
--ocre | #C8860A | Accent secondaire — hover, dégradés, liens actifs |
--blanc | #FFFFFF | Fonds et surfaces claires |
--gris-bleu | #f0f3f8 | Fond de page, zones neutres |
Typographie
Police — Inter (Google Fonts)
Une seule famille : Inter, poids 300 à 800. Variable, disponible via Google Fonts.
| Rôle | Poids | Taille | Aperçu |
|---|
| H1 — Titre principal | 800 | clamp(32px,5vw,52px) | Harambee Africa |
| H2 — Section | 700 | clamp(22px,3vw,30px) | Nos projets |
| H3 — Sous-section | 600 | 18–20px | AgriTech & Agriculture |
| Corps — Texte courant | 400 | 14–15px | Investissez dans l'avenir de l'Afrique. |
| Caption — Labels, badges | 600 | 10–11px | EN COURS |
| Light — Sous-titres | 300 | 13–14px | Plateforme de financement participatif |
Composants UI
Boutons
Primaire (Doré) — CTA fort, actions principales ·
Principal (Bleu) — Actions importantes ·
Secondaire (Contour) — Actions alternatives
Badges de statut
Actif
En attente
Brouillon
Rejeté
Clôturé
Financé
Carte projet (mini-aperçu)
🌾
AgriTech
Actif
Coopérative Solaire Sahel
Burkina Faso · Énergie solaire agricole
Collecte : 68 %
68 000 € levésObj : 100 000 €
Règles d'usage
À faire / À ne pas faire
✓ À FAIRE
- Utiliser Inter exclusivement pour tous les textes
- Respecter le contraste bleu nuit / doré sur fond blanc
- Toujours inclure la couronne dorée dans le logo complet
- Utiliser les couleurs Harambee exactes (codes hex fournis)
- Maintenir les espaces de protection autour du logo
- Afficher le tagline complet sur fond bleu nuit
✗ À NE PAS FAIRE
- Ne pas déformer ou étirer le logo
- Ne pas changer les couleurs du logo
- Ne pas utiliser le doré seul sans contexte Harambee
- Ne pas placer le logo sur fond photographique chargé
- Ne pas utiliser d'autres polices que Inter
- Ne pas réduire le logo en dessous de 24px de hauteur