features.brutalist-cell-grid · Cell grid

A features pattern from Brutalist, drawn alone below with this design's tokens and sample copy. Not used in this design: shown with its tokens for comparison. Give the section root data-pattern="features.brutalist-cell-grid". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
Features in a four-column grid of bordered cells with zero gap; each cell: mono number, uppercase title, short text.
Slots
title, features[4..8]
Grid areas
title full · cells full (12-column grid, 1-based inclusive spans)
Tokens
bg #FAFAFA · text #1F1F1F · heading #0F0F0F · accent #012FD3 · accent2 #4980FE · Space Mono / Space Mono · radius 0px · space unit 8px (full list in design/tokens.json)

Pattern notes

  • An h2 in uppercase at step 5 across the full width, then four to eight features in a 4-column grid with zero gap; each cell has a 2 px border (collapsed), 16–24 px padding, a mono number, an uppercase h3 and a short paragraph. Cells are not cards: no radius, no shadow, no hover lift. At phone width cells stack one per row.

What we do

01

Positioning

Find the one sentence your best customers already believe.

02

Identity systems

Logos, type and colour that work on a factory floor and a pitch deck.

03

Websites

Fast, editable sites built on the CMS your team already knows.

04

Sales enablement

Decks, one-pagers and demos your reps actually use.

05

Product naming

Names that survive trademark search and a noisy trade show.

06

Brand governance

Guidelines as a living site, not a forgotten PDF.