Philosophie

Velocity est conçu pour les startups tech et dashboards analytics nécessitant un design énergique et moderne.

Caractéristiques clés

Multi-couleurs vives
Gradients partout
Densité haute

Font: Poppins
Badges colorés
Animations subtiles

Palette de couleurs

Gradients principaux

Usage CSS

/* Gradient buttons */
.btn-gradient {
  background: linear-gradient(90deg, #667eea 0%, #f093fb 100%);
  color: white;
  border: none;
}

/* Gradient badges */
.badge-purple {
  background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);
}

/* Stat cards */
.stat-card {
  background: linear-gradient(135deg, var(--from) 0%, var(--to) 100%);
}

Typographie

Police principale : Poppins (Google Fonts)

Taille de base : 14px (compact)

Heading 1

Heading 2

Heading 3

Corps de texte standard. Poppins est une police moderne légèrement arrondie, parfaite pour les interfaces dynamiques.

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

body {
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
}

Pages disponibles

Dashboard - Stats colorées, graphiques, activité temps réel Liste - Tableau compact, filtres badges, pagination Kanban - Colonnes colorées, drag & drop, progress bars Formulaire - Headers gradient, upload zone, onglets

Prêt à utiliser

Copiez le code HTML/CSS et intégrez dans votre projet Laravel, React ou Vue.

Velocity Documentation