content.swiss-text-columns · Text columns

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

Rule
Title 1–6 at step 5, lead paragraph 1–8, body text split into two narrow columns 4–8 and 9–12 below a hairline.
Slots
title, lead, body, body2
Grid areas
title 1-6 · lead 1-8 · col1 4-8 · col2 9-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

  • For about and article pages: h1 at step 6 in 1–6, a lead paragraph across 1–8, a hairline from column 4, then the body set in two narrow columns (4–8 and 9–12). Body columns never exceed ~46 characters.

How we think

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.

We hand over everything — source files, a living brand system and a website your team can edit without calling us.

Our team is eleven people: strategists, writers, designers and two engineers who ship what the others draw.