01Fondations
Les couleurs nationales du Togo relues pour un usage B2B : vert agricole (confiance), or poussin (l'excellence, le poussin d'un jour) et rouge souveraineté (accent parcimonieux). Neutres chauds — jamais de gris froid.
Couleurs
Cliquez un échantillon pour copier son code Hex. Direction C (vert · or · rouge) adoptée parmi trois explorations.
Typographie
Souveraineté avicole
Le poussin d'un jour, fierté du Togo
FAPAM élève des parentaux de souche pour produire des poussins d'un jour, vendus aux éleveurs et abattoirs du Togo.
FAPAM breeds parent stock to supply day-old chicks to local farmers and processors — reducing imports and building poultry sovereignty.
Qualité · Hygiène · Fierté locale · Excellence · Développement durable — 0123456789
LOT FAP-2026-W03-A SOUCHE Cobb 500
CMD #TG-004821 QTÉ 12 500 poussins
CAP 350 000 / semaine STATUT CONFIRMÉ
Échelle typographique
Espacement — grille 4 px
Rayons — sobres, industriels
Élévation — ombres chaudes
02Logo
Le poussin d'un jour est le symbole propriétaire de FAPAM. Trois traitements, une marque primaire verrouillée, et des lockups (wordmark, monogramme, écusson) rendus en direct.
Traitements du poussin
Géométrique = marque primaire. Illustré/rond et silhouette minimale en réserve.
Marques de marque
Déclinaisons wordmark & colorways
Écusson / emblème
Pour sceaux, packaging, certificats. Version pleine et filaire.
Zone d'exclusion
Réservez au minimum la hauteur du « F » du wordmark (≈ 1×) tout autour du logo. Rien n'entre dans cette marge.
Tailles minimales
| Support | Wordmark | Monogramme |
|---|---|---|
| Écran · web/app | 120 px large | 24 px |
| Impression · papeterie | 28 mm large | 8 mm |
| Favicon · app icon | — | 16 px (monogramme) |
| Broderie / gravure | 35 mm large | 12 mm |
03Règles
Garder la marque lisible et crédible : contraste, intégrité, ton. Sérieux et industriel malgré le poussin — jamais mièvre.
Do & Don't
À faire
- Négatif du logo sur
--green-900/--green-950. - Réserver la zone d'exclusion (≈ hauteur du « F »).
- Or (
--gold-500) en accent : CTA, chiffres-clés, filets. - Filet tricolore
vert→or→rougesur bords de cartes / haut de section. - Chiffres avec séparateur d'espace en FR (
350 000), virgule en EN. - Casse phrase pour titres & boutons ; MAJUSCULES pour kickers mono courts.
À éviter
- Déformer, étirer ou incliner le logo.
- Poser le logo sur un fond saturé (or/rouge plein) sans contraste.
- Gris froids : les neutres restent chauds (ink
#12140E). - Emoji — jamais. Seuls le
◦décoratif et le glyphe WhatsApp. - Rouge en grande surface : accent souveraineté parcimonieux.
- Coins trop arrondis / ombres noires vitreuses : rendu mou.
04Applications
Chaque livrable est rendu en direct, fidèle à l'original — cartes de visite recto/verso et posts réseaux sociaux 1080×1080.
Cartes de visite — équipe & propositions recto
Posts réseaux sociaux — 4 propositions 1080×1080
05Composants
Rendus en vrai React (React.createElement, sans Babel), interactifs, avec leur code source réel dépliable. Namespace : window.FAPAMDesignSystem.
Code source des composants
Source réel de chaque composant, chargé à l'exécution depuis des blocs <script type="text/plain">.
ChickMark.jsx
Logo.jsx
Monogram.jsx
Crest.jsx
Button.jsx
Badge.jsx
Card.jsx
Input.jsx
LanguageToggle.jsx
StatFigure.jsx
06Storefront
La page d'accueil bilingue (vitrine · boutique · prise de commande) rendue en React live dans un mini-viewport défilable. Basculez FR/EN, survolez les boutons, validez le formulaire.
07Production
Contraintes de fabrication propres au projet — impression papeterie, signalétique, packaging poussins, et substitutions à valider.
Impression & couleur
- Primaire vert
#1B5E3F— équivalents à valider : CMJN ≈ 78/33/78/24, Pantone ≈ 7734 C. - Or poussin
#E6A417— CMJN ≈ 8/36/95/0, Pantone ≈ 1235 C. - Rouge souveraineté
#B8362B— accent, jamais aplat dominant. - Fond papeterie : ivoire
--paper #F7F4ECou blanc. - Filet tricolore : conserver l'ordre
vert → or → rouge, 60% sur l'or.
Supports & matières
- Carte de visite : 85×54 mm, coins vifs, ≥ 300 g, recto vert principal.
- Écusson : usage sceaux / certificats / packaging — version filaire pour gravure & tampon.
- Monogramme : favicon 16 px, app icon, marquage œufs/caisses.
- Négatif obligatoire sur emballages sombres (vert 900).
- Broderie / gravure : privilégier le monogramme ou la silhouette minimale (monotone).
08Fichiers
Téléchargements générés à la volée via Blob — aucun serveur requis. Marques, symboles et tokens en SVG/CSS autonomes, prêts à l'emploi.
Marques — logo, monogramme, écusson
SVG vectoriels autonomes (couleurs de marque en dur, aucune dépendance). Le texte du wordmark utilise Archivo ; à vectoriser pour un usage sans police.
logo-positif.svg
Wordmark principal (poussin + FAPAM + descripteur) sur fond clair.
logo-negatif.svg
Wordmark en négatif — pour fonds sombres (vert 900/950, encre).
monogramme.svg
Tuile « F » + poussin — favicon, app icon, marquage caisses/œufs.
ecusson-plein.svg
Emblème plein (vert + or) — sceaux, packaging, certificats.
ecusson-filaire.svg
Emblème filaire — gravure, tampon, marquage à chaud.
Symboles & tokens
chick-geometric.svg
Marque primaire — poussin géométrique, couleurs de marque.
chick-rounded.svg
Traitement illustré / rond, en réserve.
chick-minimal.svg
Silhouette monotone (currentColor) — favicon, petites tailles.
fapam-tokens.css
Tous les tokens (couleurs, typo, spacing, effets) + alias sémantiques, dans :root.
Astuce : « Imprimer → Enregistrer en PDF » produit une version propre (nav masquée, code déplié, blocs non coupés).