Grid & Layout · Creator Design System

Composition

A 12-column fluid grid, a golden-ratio split for hero and article pages, and real media canvases with the platform safe area baked in.

col-12

col-8

col-4

col-6

col-3

.grid-12 · collapses to 6-wide at 62rem, full-width at 40rem — no breakpoint classes in templates

main · 1.618fr

rail · 1fr

.split-phi — the sidebar never competes with the main column

ep.07 · 14:22 Rebuilding my Ghost theme from tokens

.canvas-thumb 16:9 · content lives in .canvas__safe

One query,
6 hours saved Shorts

.canvas-short 9:16

Swarnıl

The build is the story

.frame-4 over .pattern-blueprint — the end-card lockup