Section

About the Neo-Brutal Section

A page band: vertical rhythm, tone and width. Every block on a page sits in one. Sets data-tone; inverse (the ink band) and accent (the cobalt band) also set data-surface, so every component inside reads correctly; muted is paper-2 and tint-1 … tint-4 are the volt, lilac, tomato and cobalt-100 bands. Toned bands are ruled top and bottom with the 2 px line; a toned band right after another pulls up 2 px so the rules never double. Two adjacent default sections share one gap.

It is part of Neo-Brutal. The style’s 92 pieces share one set of tokens, type and motion, in a light and a dark theme, so whatever you take from it fits together.

To put it in your project, copy the prompt into Claude Code, OpenAI Codex or Cursor, or add the file and its styles by hand. The documentation walks through both.