Page shell catalog
Page Shells
The page-level shells used by the system. These define how a full page is arranged from header to footer, independently of the content blocks inside it.
Hero-led Content-led Form-led Sidebar-led
Why this matters
One shell can serve many pages. The naming stays clean even as the content grows.
Pattern
Hero, content, form, sidebar, article, index, special.
Shape
Full page layout from header to footer.
Available shells
Hero Page
Strong first screen, then structured content below.
Content Page
Calm, readable, content-first page shell.
Form Page
Short, focused, conversion-oriented shell.
Sidebar Page
Documentation and book-like pages with TOC support.
Article Page
Editorial layout for longform reading.
Index Page
Directory and overview shells for navigation-heavy pages.
Special Page
Rare exceptions and one-off page structures.