→ Design system · v1.0

Style guide.

La grammaire visuelle de la Couveuse PAPRICAI. Palette officielle, système typographique, espacements, motifs et composants. Inspiré du logo de marque et des documents officiels (prospectus 2024, rapport d'activités).

— 01

Couleurs

Palette officielle PAPRICAI. Le vert est la couleur de marque ; le doré et l'orange ponctuent.

Vert PAPRICAI

#098E29

Primaire — CTA, liens, accents forts

Vert forêt

#039146

Variation — éléments d'interface secondaires

Vert encre

#052A13

Fond sombre — header, sections immersives, footer

Crème

#F5F5E0

Fond principal — moins agressif que le blanc pur

Doré

#FBB102

Highlight — chiffres clés, badges, accents sur fond sombre

Orange

#E87722

Accent vif — numéros, urgence, signalétique

Gris foncé

#32373C

Texte courant — corps de page, paragraphes

Blanc

#FFFFFF

Cartes, surimpression, contraste maximal

— 02

Typographie

Trois familles. Clash Display pour l'identité, DM Sans pour la lisibilité, Syne pour l'emphase chiffrée.

Display XLClash Display 700

Créer en Afrique

80–112px
line-height 0.95
letter-spacing -2.5%
Usage : H1

Display LClash Display 600

Titre de section

36–64px
line-height 1.0
letter-spacing -2%
Usage : H2

Display MClash Display 600

Sous-titre de carte

22–32px
line-height 1.1
Usage : H3

Body LargeDM Sans 400

Phrase d'introduction sous un titre. Un peu plus respirée, pour planter le décor.

18–20px
line-height 1.5
Usage : lede

BodyDM Sans 400

Texte courant pour les paragraphes. Optimisé pour la lecture sur mobile et écrans à faible résolution. Toujours au-dessus de 16px pour respecter l'accessibilité.

16–17px
line-height 1.6
Usage : paragraphes

Body SmallDM Sans 400

Métadonnées, libellés, légendes, mentions secondaires.

13–14px
line-height 1.5
Usage : méta, sous-titres

NumbersSyne ExtraBold

200M

40–96px
line-height 0.9
letter-spacing -4%
Usage : chiffres clés

— 03

Espacements

Échelle modulaire basée sur 4px. Le pas de 8/16/24 est dominant.

space-1

4 px

space-2

8 px

space-3

16 px

space-4

24 px

space-5

40 px

space-6

64 px

space-7

96 px

space-8

120 px

radius-sm

8 px

radius-md

18 px

radius-lg

28 px

radius-pill

∞

— 04

Motifs & textures

Réinterprétation abstraite des tissages Kente et Bogolan. À utiliser avec parcimonie.

.pat-stripes-v · accent latéral hero

.pat-stripes-h · bandeau de section

.pat-diag · placeholder d'image

.pat-dots · fond doux secondaire

— 05

Iconographie

Stroke 2px, coins arrondis. Géométrique, lisible à 16px comme à 44px.

arts visuels

musique

cinéma

édition

numérique

mode

profil

réseau

durée

financement

croissance

EDOU

— 06

Composants

Les blocs réutilisables — boutons, cartes projet, témoignages, étapes timeline.

— Boutons

btn-primary

— Badges

eyebrow Cohorte 2026 Médias Cohorte phare

— Carte projet

Tech créative

ARTYBE

Laura N. Kpegli · Togo · 2021–2024

App mobile de vente de connaissances créatives.

2024 phase de
test marché

J'avais un magazine en idée. J'en suis sorti avec un média lu par un million de personnes.

Ulrich Chadare

Fondateur · GNADOE