Gabarits
6 mises en page et coques d’application au niveau page.
Mises en page complètes. Coques de boutique, coques d’administration et gabarits de page complets.
Implémentés
AdminShell
Outer shell — horizontal layout: Sidebar (247px) + Content (flex). 12px gap, 12px padding around. Min-height 100vh. Sticky sidebar.
Ouvrir le composantAuthLayout
Auth page layout — split-screen. Left: brand panel with marketing image + tagline. Right: form container (40% width). Mobile: full-width form.
Ouvrir le composantDashboardBody
Authenticated dashboard scaffold — greeting header (period caption + H1), KPI strip (1 col mobile → 2 cols sm → 4 cols lg, each tile with label/value/optional delta chip), 2fr/1fr main+side grid (side rail collapses below on <lg) and optional activity feed section. Root is a <main role="main" id="main"> skip-link target; every section landmark is labelled via the bilingual SECTION_LABELS map (locale prop, fr default).
Ouvrir le composantEventDetailPublic
Event detail page layout — EventHero + (Description + Artists + Venue + Reviews + FAQ) on left, sticky TicketTierList + Buy CTA on right.
Ouvrir le composantPDFTemplate
Printable document shell (ticket, refund, payment receipt, monthly statement). Pure presentational React rendered to static markup — `renderToStaticMarkup` for a server PDF pipeline, or the browser print dialog as-is. Print template: fixed theme, A4 width, no responsive/dark axes.
Ouvrir le composantSettingsLayout
Two-column settings shell — vertical section rail + content panel; sections are caller-defined SettingsSection entries (bounded 3-8, NASA Rule 2), not a fixed list. Left rail is a <nav aria-label> landmark labelled via the bilingual NAV_LABELS map (locale prop, fr default); the active entry carries aria-current="page". Implemented and exported from the barrel, but zero current adoption as of 2026-09-14.
Ouvrir le composant