Agent Kit

Swiss Grid

Build landing pages in the International Typographic Style: a visible 12-column modular grid, flush-left grotesque type at three sizes, and one accent used as data.

What this produces

Screenshots of a real page Claude Opus 5.5 at Max effort built by following Swiss Grid. A live build, not a mockup.

SkillSystematic19 sections4,520 wordsv1.1.0

Pairs with

v1.1.0Made the 1440px container consistent (§2), set line-heights in pixels so fluid type keeps the baseline (§6), placed nav items on explicit columns (§8), added figures drawn from the page's own data (§9) and corrected the accent contrast (§15). Showcase rebuilt by Claude Opus 5.5 at Max effort.

Licensed for use in your own and your clients' projects under the React Bits Pro license. Redistribution, resale, or publishing the text of this skill is not permitted.