# Layouts Canonical page shells for composing primitives and composites into route-level product surfaces. Single-column index with wordmark, one-line bio, recent writing, elsewhere links, and a bottom-anchored scanline footer signal. posts and outbound links external destinations route-owned closing art homepage Chronological mixed feed where essay rows and link rows are distinguished by structure. post type and destination published date external host writing index Hybrid-density reading page with a breathing title area and dense MDX body. title, deck, date, reading time content rendering adjacent posts post page Case-study monograph with mono project metadata, editorial body, and dense screenshots. year, role, links screenshots and diagrams outcome notes project page Long-form first-person page with prose-first rhythm and inline contact details. authored paragraphs small personal notes canonical contact methods about Sivers-style current-work note with dated, compact prose and no dashboard chrome. last changed date authored monthly note optional references now Canonical design-system route family for foundations, components, and layout inspection. token groups and surface recipes primitive and composite examples page skeletons design-system layout layout skeleton primitives composites leaves owns Layouts Canonical page shells for composing primitives and composites into route-level product surfaces. hierarchy primitive to layout Layouts consume leaves high in the tree, then pass already-composed children into composites and primitives. primitive Base controls, typography, surfaces, and semantic tokens. composite Medium-sized combinations such as rows, cards, and galleries. layout Route-visible shells that place leaf slots high in the tree. catalog page layout catalogue Every documented page archetype is represented as structure-only skeletons with primitive, composite, and leaf ownership notes. primitives canonical layout primitive examples Each reusable layout primitive points to the route or state that owns its concrete production example. PageShell The outer route landmark on / , /posts , and the design route family. PageHeader The title and metadata header on /posts and /now . PageSection Section rhythm and labelled regions on / and /design/layouts . IndexFeed Chronological writing rows on /posts and the compact homepage writing feed. MetadataRow Compact term/value facts in route, post, and project metadata. owner route leaf surface / elsewhere ProsePage Reading surfaces on /now and /posts/hello-world . RouteErrorBlock Loader and boundary recovery blocks in the homepage, posts index, post detail, and app catch-boundary paths. Route fallback example Routes own the retry command while the primitive owns the alert structure. retry home design layouts