Identite Visuelle
Guide complet de style, typographie, couleurs, agents IA et composants de DentistryGPT. Ce document sert de reference pour maintenir la coherence visuelle sur tous les supports.
Logo
- Toujours maintenir un espace libre autour du logo
- Utiliser la couleur primaire sur fond clair
- Le logo SVG s'adapte avec
currentColor - Ne pas deformer ou etirer le logo
- Ne pas utiliser sur un fond de couleur similaire
- Ne pas ajouter d'effets (ombre, contour, gradient)
Couleurs
Couleurs principales
Primary
--primary
Couleur de marque - terracotta chaud
Primary Dark
--primary-dark
Hover et accents forts
Primary Foreground
--primary-foreground
Texte sur fond primary
Couleurs de surface
Background
--background
Fond de page
Foreground
--foreground
Texte principal
Card
--card
Fond des cartes
Card Foreground
--card-foreground
Texte des cartes
Popover
--popover
Fond des popovers
Popover Foreground
--popover-foreground
Texte des popovers
Couleurs secondaires
Secondary
--secondary
Actions secondaires
Secondary Foreground
--secondary-foreground
Muted
--muted
Elements attenues
Muted Foreground
--muted-foreground
Texte secondaire
Accent
--accent
Hover, selection
Accent Foreground
--accent-foreground
Couleurs fonctionnelles
Destructive
--destructive
Actions dangereuses, erreurs
Border
--border
Bordures
Input
--input
Champs de saisie
Ring
--ring
Focus ring
Couleurs de graphiques
Chart 1
--chart-1
Graphiques - serie 1
Chart 2
--chart-2
Graphiques - serie 2
Chart 3
--chart-3
Graphiques - serie 3
Chart 4
--chart-4
Graphiques - serie 4
Chart 5
--chart-5
Graphiques - serie 5
Couleurs de la sidebar
Sidebar
--sidebar
Sidebar Foreground
--sidebar-foreground
Sidebar Primary
--sidebar-primary
Sidebar Accent
--sidebar-accent
Sidebar Border
--sidebar-border
Typographie
Police principale
Work Sans - Google Fonts
AaBbCcDdEeFf
0123456789 !@#$%
Regular 400
Dentisterie
Medium 500
Dentisterie
Semibold 600
Dentisterie
Bold 700
Dentisterie
Echelle typographique
Agents IA
DentistryGPT integre 8 agents IA specialises qui couvrent tous les besoins d'un cabinet dentaire moderne. Chaque agent possede son identite visuelle propre, sa couleur signature et ses competences dediees.
Assistant Clinique
Ecoute active pendant vos consultations, transcription temps reel et generation automatique de rapports medicaux.
Assistante RH
Recrutement, onboarding, gestion RH et entretiens annuels. Votre experte en ressources humaines.
Assistante Marketing
Creation de contenu, reseaux sociaux, gestion des avis Google et strategie de communication digitale.
Assistant Productivite
SOPs, KPIs, tableaux de bord et optimisation des processus internes du cabinet.
Relation Patient
Rappels de rendez-vous, relances, suivi patient personnalise et communication SMS/Email.
Assistant Administratif
Gestion des courriers, documents administratifs, attestations et formulaires du cabinet.
Assistante Achats
Gestion des fournisseurs, comparatifs de prix, negociation et suivi des stocks.
Assistante Telephonique
Scripts d'accueil, prise de rendez-vous, gestion des appels et resolution de conflits.
Palette des agents
Leo
#14b8a6
Claudie
#3b82f6
Hortense
#f97316
Balthazar
#f59e0b
Emma
#ec4899
Thomas
#8b5cf6
Julie
#06b6d4
Clara
#10b981
Statuts
Variantes
Tailles
Avec icones
Badges
Exemples contextuels
Cards
Contenu de la card avec du texte explicatif.
Patients actifs ce mois
+12% vs mois dernier
Cette card contient des actions.
Formulaires
Icones
Ombres
Extra Small
--shadow-xs
Small
--shadow-sm
Medium
--shadow-md
Large
--shadow-lg
Extra Large
--shadow-xl
2X Large
--shadow-2xl
Arrondis
SM
4px
MD
6px
LG
8px
XL
12px
Full
9999px
Espacement
Container
max-width: 1248px (78rem)
padding mobile: 12px
padding tablet: 20px
padding desktop: 28px
Animations
animate-float
animate-pulse-glow
animate-fade-in
animate-shimmer
gradient-text
glass
DentistryGPT Brand Book · Derniere mise a jour : Mars 2026
Systeme de design construit avec Next.js 15, Tailwind CSS 4, shadcn/ui et Lucide Icons