Guide de style — Affilix

Données de démonstration

Bibliothèque de composants, tokens de couleur et conventions de design.

Tokens de couleur

Fond principal

#FFFFFF

Fond secondaire

#F5FAFF

Bleu principal

#087EFF

Cyan

#00C2FF

Bleu nuit

#10243E

Vert

#16A085

Ambre

#F5B942

Texte secondaire

#66758A

Bordure

#E8EFF7

Typographie

Titre H1 — 36px Bold
Titre H2 — 30px Bold
Titre H3 — 24px Semibold
Titre H4 — 20px Semibold
Corps de texte — 16px Regular. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Texte secondaire — 14px Regular. Utilisé pour les descriptions et métadonnées.
Monospace / code — 12px. abc123

Boutons

Tailles :

Cartes

Carte standard

Fond blanc, bordure légère, ombre discrète.

Carte interactive

Ombre renforcée et bordure bleue au survol.

Carte compacte

Padding réduit (sm).

Indicateurs KPI

Données de démonstration

Revenus du mois

25 400 €

14.8%vs mois dernier
Données de démonstration

Conversions

660

11.9%vs mois dernier
Données de démonstration

Clics totaux

14 100

10.2%vs mois dernier
Données de démonstration

Affiliés actifs

127

3.2%vs mois dernier

Badges

ActifInactifEn attenteApprouvéRefuséBrouillonInformationDonnées de démonstration

Alertes

Formulaires

Utilisée pour les notifications.

Tableau

AffiliéProgrammeClicsConversionsRevenusStatut
Sophie MartinSaaS Pro1240482 304 €Actif
Marc DuboisE-commerce Plus890311 488 €Actif
Julie BernardFinance Tools2100725 040 €Approuvé
Alex ChenSaaS Pro56018864 €En attente
Léa MoreauE-commerce Plus3408384 €Inactif

Onglets

Contenu de l'onglet Aperçu. Les onglets permettent d'organiser le contenu sans changer de page.

Graphiques

Revenus mensuels

Données de démonstration

Évolution sur 6 mois

Conversions par mois

Données de démonstration

Volume de conversions

Clics & Conversions

Données de démonstration

Comparaison sur 6 mois