Design System
Composants UI de DriveMetrics — Design flat et premium.
Clarté · Cohérence · British Racing Green
Client Cards
Le composant le plus important de l'app
Sophie Laurent
Mazda 3 (2018) · 78 000 km
Martin Dubois
BYD Atto 3 (2023) · 12 000 km
Sophie Laurent
Mazda 3 (2018)
Martin Dubois
BYD Atto 3 (2023)
Claire Petit
Peugeot 308 (2020)
Stats Cards
Les métriques du dashboard
Alerts & Highlights
Attirer l'attention avec style
Buttons
Actions avec du caractère
Boutons principaux
Variantes supplémentaires
Tags & Badges
Catégorisation visuelle
Tags d'intérêt client
Badges de score
Badges de statut
Empty State
Quand il n'y a rien à afficher
Pas encore de clients chauds
Les clients qui interagissent avec votre magazine apparaîtront ici. Envoyez votre premier magazine pour commencer !
Icon Collection
Icônes Lucide pour une UI cohérente et professionnelle
Actions
Navigation
Scoring & Status
Alertes & Feedback
Business & Auto
Magazine & Content
Data Table
Tableaux de données avec style
| Client | Véhicule actuel | Score | Dernière activité | Actions | |
|---|---|---|---|---|---|
SL Sophie Laurent | Mazda 3 (2018) | 92 | Il y a 2h | ||
MD Martin Dubois | BYD Atto 3 (2023) | 78 | Il y a 18h | ||
CP Claire Petit | Peugeot 308 (2020) | 45 | Il y a 3j | ||
JB Jean Bertrand | Renault Mégane (2019) | 67 | Il y a 1j | ||
AM Anne Moreau | Tesla Model 3 (2022) | 88 | Il y a 4h |
Forms
Inputs, selects, textareas avec personnalité
Entrez le nom complet du client
Format invalide. Utilisez 06 XX XX XX XX
Informations client
Les informations de base du client
Contact
Comment contacter ce client