asw/site/content/layouts/_index.md
Ludo 502b2e8266
feat: site restructure — layouts gallery, docs sections with inline demos
Navigation: Docs, Layouts, Lab (simplified from 6 items)

Layouts gallery: card grid showing all available page layouts
with live links to demo pages.

Docs restructure: 8 auto-generated sidebar sections
(Getting Started, Typography, Core, Content, Components,
Reference, Vault, Packs) with 20 new stub pages.
Each stub has inline HTML demos that ASW styles directly.

New Hugo layout template for layouts/ section.
Decap CMS nav updated.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-04-11 18:24:27 +02:00

1.8 KiB

title description
Layouts Available page layouts in ASW. Each card links to a live page using that layout.

Available Layouts

Docs

Three-column layout: sidebar navigation, main content, table of contents. The standard documentation pattern.

data-layout="docs"

See it live →

Essay

Long-form prose with centred masthead, abstract, byline. Wide reading measure with typographic refinements.

type: essay

See it live →

Console

Docs variant with sidebar flush to viewport edge. Designed for terminal-style interfaces and dashboards.

data-layout="console"

Prototype — demo coming

Grid

Multi-column content grids for cards, galleries, dashboards. Responsive — collapses to single column on mobile.

data-layout="grid-2" / grid-3

This page uses grid-2 for these cards

Prose

Single-column reading layout. Content constrained to --width-prose (65ch) for optimal readability.

data-layout="prose"

See it live →

Report

Formal document layout with print styles. Headers, numbered sections, optimised for PDF export.

data-layout="report"

See it live →