Free layout patterns for AI agents.
7 structural blueprints — grids, dividers, section rhythm — packaged as drop-in PATTERN.md files. Use alongside any DESIGN.md system.
Full-bleed Grid with Dividers
Vertical column hairlines that span the entire viewport height, paired with horizontal section dividers. Content sits inside a centered max-width while the grid lives in the page background.
A clearer way to say less.
The structure does the talking. Typography, spacing, and one accent — nothing else competing for attention.
Asymmetric Editorial Split
A 1/3 + 2/3 vertical split with a single hairline running the full page height. The narrow column carries metadata and eyebrow type; the wide column carries the lead. Classic magazine architecture for landing pages.
A clearer way to say less.
The structure does the talking. Typography, spacing, and one accent — nothing else competing for attention.