features.swiss-ruled-columns · Ruled two-column features

A features pattern from Swiss International, 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.swiss-ruled-columns". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
Section label in 1–3; features flow in two columns across 4–12, each under a top hairline with a small number. Never three cards in a row.
Slots
sectionLabel, title, features[4..6]
Grid areas
label 1-3 · features 4-12 (12-column grid, 1-based inclusive spans)
Tokens
bg #FAFAFA · text #1F1F1F · heading #0F0F0F · accent #E2271D · accent2 #850001 · Inter Tight / Hanken Grotesk · radius 0px · space unit 8px (full list in design/tokens.json)

Pattern notes

  • Label and h2 (max ~14 ch) in 1–3; four to six features flow two per row across 4–12. Each feature opens with a top hairline, then a small muted number, an h4 title and a short paragraph. Two columns, never three; no icons.

What you get

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.