Philosophie

Horizon 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: sans-serif
Badges colorés
Animations subtiles

Palette de couleurs

Gradients principaux

Usage CSS

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

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

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

Typographie

Police principale : sans-serif (Google Fonts)

Taille de base : 14px (compact)

Heading 1

Heading 2

Heading 3

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

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

body {
  font-family: 'sans-serif', 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 flat, upload zone, onglets

Prêt à utiliser

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

Horizon Documentation