Improved Agency · Charte v2

Identité visuelle Darling CRM

Référence complète pour le web, le mobile et les supports partenaires. Typo principale : Darling Com Serif (TTF local). Le logo PNG intègre le wordmark — ne pas recréer en texte custom.

Télécharger la serif

Vue d'ensemble

Darling CRM parle aux gérantes d'instituts en Afrique avec chaleur et professionnalisme. Deux contextes : landing blanche (acquisition) et Velvet dark (app + admin salon).

Landing · #FFFFFF

Elle reviendra.

App · #0C0818

Agenda du jour

3 check-ins

Couleurs

Cliquez sur « Copier » pour récupérer le hex. Contraste minimum 4.5:1 pour le corps de texte.

Blanc#FFFFFFFond landing · cartes claires

Surface#FAFAFASections alternées · gris très léger

Rose Darling#FF3D7FCTA · liens · accent principal

Rose profond#C4003DHover · emphasis

Or fidélité#D4A020Premium · badges · stats

Encre#1A1212Texte principal

Void#0C0818Dashboard · onboarding · admin tenant

Mint#00D4AASuccès · wallet · statut actif

WhatsApp UI#075E54Mockups chat uniquement

Typographie — Darling Com Serif

Fichier unique : DarlingComSerif-Bold.ttf (weight 700). Utiliser en titres, accroches et emphase italique. Corps = DM Sans. Montants = JetBrains Mono.

Display H1clamp(34px, 5vw, 68px)

Elle reviendra.

H2 Sectionclamp(30px, 4.5vw, 52px)

Le secret de la fidélité.

H3 Bloc22px

Elle parle. Elle se souvient.

Corps DM Sans16px

Darling se souvient de chacune de tes clientes.

Mono XAF14px

20 000 FCFA · 2606-01-NDL

Intégration CSS

@font-face {
  font-family: 'Darling Com Serif';
  src: url('/fonts/DarlingComSerif-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

h1, .display { font-family: 'Darling Com Serif', Georgia, serif; }

Logos & zones de respiration

Marge minimale autour du logo = hauteur de la couronne. Ne pas déformer, recoloriser ou ajouter d'ombre portée.

Fond blanc

Fond surface

Fond void

Fond rose (rare)

PNGLogo Darling CRMWordmark complet transparentTélécharger →PNGIcône roseFavicon · app · réseauxTélécharger →PNGIcône orVariante premiumTélécharger →TTFDarling Com Serif BoldTitres · accroches · heroTélécharger →

Composants UI

Boutons landing

Badges & stats

+3× fidélité20 000 FCFAActif

Carte onboarding

Connexion gérante

Tokens & espacements

Rayons

6px — chips, tags
12px — inputs
16–28px — cartes landing
9999px — boutons pill

Espacements

8 / 16 / 24 / 32 / 48 / 64 / 100px
Sections landing : padding vertical 80–120px
Max-width contenu : 960–1200px

:root {
  --brand-white: #FFFFFF;
  --brand-surface: #FAFAFA;
  --brand-ink: #1A1212;
  --brand-rose: #FF3D7F;
  --brand-gold: #D4A020;
  --brand-void: #0C0818;
  --brand-mint: #00D4AA;
  --font-serif: 'Darling Com Serif', Georgia, serif;
  --font-sans: 'DM Sans', sans-serif;
  --font-mono: 'JetBrains Mono', monospace;
  --radius-pill: 9999px;
  --radius-card: 16px;
}

Voix, ton & règles

Ton de voix

Tutoiement chaleureux envers la gérante (« tes clientes »)
Vouvoiement possible en onboarding formel
Phrases courtes, émotion sincere, jamais jargon SaaS
Exemples concrets : Douala, Yaoundé, MoMo, FCFA

À faire

Photos réelles de salons camerounais
Darling Com Serif pour l'impact émotionnel
Fond blanc pur sur la landing
Lucide icons (pas d'emoji dans l'UI produit)

À éviter

Stock photos froides · aesthetic « AI startup »
Dégradés violet/bleu génériques
Playfair, Inter ou Caveat à la place de la serif Darling
Recréer le logo en texte — utiliser le PNG officiel

Sécurité marque

Page /brand en noindex — usage interne & partenaires
Ne pas publier ADMIN_API_KEY ni tokens Meta
PDF : fonts locales uniquement (pas Google Fonts)