Design System · Sentropic
Gabarits
Assemblages réutilisables prêts à l'emploi : chaque gabarit combine les composants du DS
en une page neutre métier, testée et documentée. Un seul NodeSpec → rendu identique
en Svelte, React, Vue et Angular.
Sidebar + contenu
Chrome applicatif en haut, navigation latérale persistante à gauche, zone de contenu principale à droite. Le gabarit B2B le plus courant pour les pages d'admin.
Rail + panneau de navigation
Rail vertical d'icônes (modules premier niveau) + panneau contextuel (sous-arbre du module actif) + contenu. Idéal pour les apps à forte densité fonctionnelle.
Dashboard 3 panneaux
Navigation à gauche, liste au centre, panneau de contexte (inspecteur/propriétés) à droite. Convient aux apps CRM, éditeur ou data-room.
Grille analytique
Chrome + grille de tuiles (KPI, graphiques, tableaux) sur 12 colonnes. Layout statique ou éditable via DashboardGrid. Pour les dashboards BI et le monitoring.
Liste + flux d'événements
Navigation à gauche, liste au centre, panneau utilitaire (flux d'événements, journal) réservé ou overlay à droite. Pour les consoles de supervision et support.
Site marketing pleine largeur
Header pleine largeur, sections de contenu centrées dans un Container, Grid responsive et Footer multi-colonnes. Pour les pages publiques et landing pages.