features.editorial-magazine-departments · Departments

A features pattern from Editorial Magazine, 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.editorial-magazine-departments". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
A serif title on 2–11; departments in two text columns, each opening with a roman numeral and a small-caps kicker, the first line of text in italic.
Slots
title, features[4..6]
Grid areas
title 2-11 · columns 2-11 (12-column grid, 1-based inclusive spans)
Tokens
bg #FDF9F4 · text #241E16 · heading #150E06 · accent #9B2234 · accent2 #D26F74 · Playfair Display / Source Serif 4 · radius 0px · space unit 8px (full list in design/tokens.json)

Pattern notes

  • Title (h2, display serif, max ~30 ch) on 2–11. Below, four to six departments in two columns inside 2–11, 48 px apart, divided by a vertical hairline. Each: a roman numeral (I, II, III) in italic serif in the accent colour, a small uppercase kicker, the department name (h3) and a paragraph whose first line is set in italic. No icons. At phone width one column.

What we do

01

Included

Positioning

Find the one sentence your best customers already believe.

02

New

Identity systems

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

03

Built in

Websites

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

04

Standard

Sales enablement

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

05

Optional

Product naming

Names that survive trademark search and a noisy trade show.

06

Always on

Brand governance

Guidelines as a living site, not a forgotten PDF.