GestiDose

Charte Graphique GestiDose

Cliquez sur pour copier chaque valeur

🖼️ Logos

Logo principal (landing, hero, slides)

https://qtrypzzcjebvfcihiynt.supabase.co/storage/v1/object/p...

Logo sidebar (version compacte)

https://qtrypzzcjebvfcihiynt.supabase.co/storage/v1/object/p...

🎨 Palette de couleurs

Cyan principal#06b6d4
Bleu#2563eb
Émeraude#10b981
Teal#14b8a6
Violet#9333ea
Rose/Pink#db2777
Ambre#f59e0b
Rouge erreur#f87171
Fond dark 1#020617
Fond dark 2#0f172a

Classes Tailwind : cyan-500, blue-600, emerald-500, teal-500, purple-600, pink-600, amber-500, red-400

🌈 Gradients (classes Tailwind)

Landing fondbg-gradient-to-b from-slate-950 via-slate-900 to-slate-950
Découvrir fondbg-gradient-to-br from-cyan-900 via-purple-900 to-black
CTA Créer cuvebg-gradient-to-br from-cyan-600 to-blue-600
CTA Mon GestiDosebg-gradient-to-br from-emerald-500 to-teal-500
CTA finalbg-gradient-to-r from-cyan-500 to-purple-600
Bannière Découvrirbg-gradient-to-r from-purple-600/40 via-pink-600/40 to-purple-600/40
Bouton flottantbg-gradient-to-r from-purple-600 to-pink-600
Texte gradientbg-gradient-to-r from-cyan-400 to-purple-400 bg-clip-text text-transparent

✍️ Typographie (classes Tailwind)

Titre herotext-5xl md:text-7xl font-black text-white leading-tight
Sous-titre herotext-lg text-cyan-200 font-medium
Titre section (dark)text-3xl sm:text-5xl font-black text-white
Corps (dark)text-sm text-gray-200 font-semibold
Corps (clair)text-sm text-slate-600
Label nav actiftext-sm font-semibold text-cyan-700
Version/copyrighttext-[10px] text-slate-400

🔤 Textes de marque

Tagline principale

"La gestion numérique des doses d'insémination"

Sous-tagline

"une vision claire et visuelle pour maîtriser votre génétique"

Accroche Découvrir

"Retrouvez chaque dose en un instant"

Sous-accroche

"La révolution de la gestion de semence"

Promesse

"Imaginez. Vous trouvez en 10 secondes"

Identité

"Créé par des éleveurs, pour des éleveurs"

CTA urgence

"C'est maintenant ou jamais."

CTA bouton final

"DÉMARRER MAINTENANT"

Badge essai

"Essai 14j gratuit"

🔲 Composants UI (classes Tailwind)

Card glassmorphismbg-gradient-to-br from-[color]/20 to-[color]/40 backdrop-blur-xl border-2 border-[color]/60 rounded-xl
Bannière amberbg-amber-500/20 backdrop-blur-md border border-amber-400/50 rounded-xl
Sidebar item actifbg-cyan-50 text-cyan-700 font-semibold border-l-4 border-cyan-600
Badge stepbg-cyan-100 text-cyan-700 rounded-full text-xs font-bold
Blob haut gauchew-96 h-96 bg-cyan-400/30 rounded-full blur-3xl opacity-30
Bordure card CTAborder-2 border-cyan-400/50 rounded-xl shadow-lg hover:shadow-cyan-500/40

📐 Layout & Breakpoints

Max-width heromax-w-6xl
Max-width slidesmax-w-5xl
Max-width CTA cardsmax-w-3xl
Sidebar widthw-56
Padding mobilepx-3
Padding desktoppx-6 lg:px-8
Radius standardrounded-xl
Radius largerounded-2xl
Radius modalrounded-3xl

GestiDose — Charte graphique interne v1.0

MaxMax