Assets Graphiques

Bibliothèque de composants réutilisables et guide de style

Palette de Couleurs

Brand Primary

#3B82F6

Brand Secondary

#8B5CF6

Success Green

#A6FFCB

Warning Gradient

Yellow→Orange

Premium Gradient

Purple→Pink

Dark/Light

#111827

Background

#F3F4F6

Typographie

Heading 1 - text-fluid-3xl

The quick brown fox jumps

Heading 2 - text-fluid-2xl

The quick brown fox jumps

Heading 3 - text-fluid-xl

The quick brown fox jumps

Body - text-fluid-base

The quick brown fox jumps over the lazy dog

Small - text-fluid-sm

The quick brown fox jumps over the lazy dog

Boutons

Test Notifications

Tailles

Variantes

Avec icônes

États

Badges POCs

Coming Soon
Bientôt disponible
Version Large

Cards

Card avec icône

Card moderne avec icône colorée

Card Gradient Bleu

Dégradé bleu vers violet

Card Success

Dégradé vert success

Card Warning

Dégradé jaune-orange

Card Bordure

Card avec bordure colorée

Card Premium

Dégradé violet-rose

Theme Toggles

Option 1 : iOS Switch (Actuel)

Option 2 : Cards côte à côte

Option 3 : Rotation

Icônes (Lucide React)

Sparkles
Rocket
Settings
Mail
Phone
MapPin
Sun
Moon

Espacements

4px (1)
8px (2)
16px (4)
24px (6)
32px (8)
48px (12)

Arrondis

rounded (4px)

rounded-lg (8px)

rounded-xl (12px)

rounded-3xl (24px)

Statistiques & Métriques

Utilisateurs

12,458

+12.5% ce mois

Revenus

45,678€

+8.3% ce mois

Conversions

3.2%

-2.1% ce mois

Progress Bars

Projet A75%
Projet B - Success85%
Projet C - Warning60%
Projet D - Gradient95%

Badges de Statut

SuccessErrorWarningInfo

Alerts & Notifications

Succès !

Votre action a été effectuée avec succès.

Erreur

Une erreur est survenue. Veuillez réessayer.

Information

Voici une information importante à noter.

Tabs

Contenu de l'onglet 1

Accordion

Notre service fonctionne en trois étapes simples :

  1. Inscrivez-vous et créez votre compte gratuitement
  2. Configurez vos préférences et objectifs
  3. Lancez votre première campagne en quelques clics

Inputs & Forms

0 / 500

Checkboxes stylisées

Radio Cards Premium

Toggle Switches

Avatars

JD

Bleu

Gradient

ML

Vert

TH

Warning

Premium

Bordure

AB

Large

Skeleton Loaders

Dividers

Simple


Avec texte


OU

Gradient


Timeline

Étape 1

Description de l'étape 1

Étape 2

Description de l'étape 2

Étape 3

À venir

Pricing Cards

Starter

29€/mois
  • Fonctionnalité 1
  • Fonctionnalité 2
⭐ Populaire

Pro

99€/mois
  • Tout Starter +
  • Fonctionnalité 3
  • Fonctionnalité 4

Enterprise

Sur mesure
  • Tout Pro +
  • Support prioritaire
  • SLA garantie

Testimonials

"Un service exceptionnel qui a transformé notre façon de travailler. Je recommande vivement !"

JD

Jean Dupont

CEO, Entreprise X

"Interface intuitive et résultats rapides. Exactement ce que nous cherchions."

ML

Marie Laurent

CTO, Start-up Y

Feature Cards

Innovation

Des solutions innovantes pour vos besoins

Performance

Rapidité et efficacité garanties

Personnalisation

Adaptable à vos besoins spécifiques

Tooltip & Modal