World
Ceasefire talks resume as aid convoys reach the northern corridor
Negotiators met for a third day as the first trucks crossed since May.
Style guide
Newsburst design system
Every token and component the 30 screens are built from: one serif, one sans, tonal surfaces, category hues that pass 4.5:1 in both schemes.
Type
Newsreader 600 for headlines, Inter 400/500 for everything else. Arabic uses IBM Plex Sans Arabic for both.
The quiet cost of a city that never lets you stop
Display · lead story · clamp(2.25rem → 4rem)Parliament backs the housing bill after a marathon session
Headline · 3xl · Newsreader 600Central bank holds rates, signals a cut before winter
Section headline · 2xlDeep-sea probe returns with samples from a new vent field
Card title · xl · Newsreader 500Derby ends level after a stoppage-time equaliser
Row title · lg · Newsreader 500The first thing you notice is the noise. Not traffic — the city has done its work there — but the constant, low hum of things being asked of you: notifications, kerbside screens, a bus that talks. Researchers who study urban attention call it the ambient demand, and they are starting to measure what it costs.
Reading body · 17 px · 68ch · --color-fg-readSign in to save stories across devices. Free, no card needed.
UI text · base · Inter 400
Meta · xs · tabular numerals
Colours
OKLCH light-dark() pairs. Dark is never pure black; the paper token warms the long-read background.
--color-brand--color-brand-strong--color-live--color-bg--color-surface--color-surface-2--color-surface-3--color-paper--color-line--color-fg--color-fg-muted--color-fg-subtle--color-success--color-warning--color-danger
Category hues (text on tint)
-
World
--color-cat-world -
Politics
--color-cat-politics -
Business
--color-cat-business -
Tech
--color-cat-tech -
Culture
--color-cat-culture -
Sport
--color-cat-sport -
Science
--color-cat-science -
Opinion
--color-cat-opinion
Chips
Tint background + hue text — never hue background with white text. The current chip inverts.
Buttons
Primary, secondary, ghost, danger, icon and link; 44 px targets, focus ring on the brand colour.
Badges
LIVE pulses (reduced motion stops it); counts sit on icons; section badges take the category hue.
Live
Breaking
Premium
New
Updated 12 min ago
Cards
Image above text, 16:9, concentric radius (16 outer, 12 inner), press feedback. Time is the second headline.
-
-
Tech
The chip shortage is over — the pricing war is starting
Three fabs came online in eight months. Now nobody wants to be the last to cut.
-
Sport
Derby ends level after a stoppage-time equaliser
A 94th-minute header kept the title race alive for another week.
Story rows
88 px rows with the thumbnail at inline-end; the save button is a 44 px target.
Forms
Native inputs with autocomplete, inputmode and enterkeyhint; inline validation on blur; every field labelled.
Sheets & toasts
Bottom sheets for share, comments, table of contents and filters; toasts confirm saves and copies.
Accent presets
Six brand hues; the chosen one persists on this device (data-accent on <html>).