content.swiss-statement · Offset statement

A content pattern from Swiss International, drawn alone below with this design's tokens and sample copy. Used in this design on: home page, section 3. Give the section root data-pattern="content.swiss-statement". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
One large statement set at step 5 from column 3 to 11; a label hangs in 1–2 and a supporting paragraph sits lower at 7–11.
Slots
sectionLabel, statement, body, cta
Grid areas
label 1-2 · statement 3-11 · support 7-11 (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

  • One large statement (step 5, weight 500, tight leading, max ~30 ch) from column 3 to 11, a muted label hanging in 1–2, and a supporting paragraph lower on 7–11 followed by an underlined CTA. The offset between the statement's left edge (col 3) and the paragraph's (col 7) is the point of the section.

About

Most rebrands fail because they start with a logo. Ours start with a sales call recording and a spreadsheet of lost deals.

Each engagement starts with a two-week audit: interviews with customers, sales and the people who build the product. The brief writes itself after that.

Start a project