Theme 053 · Signature directions

Editorial Data

A Swiss-style annual report come alive: warm paper, a visible 12-column hairline grid, giant monospaced numerals as the heroes, serif headlines and small-caps mono labels. Each frame is allowed exactly one accent colour, so the anomaly reads like a number circled in a financial newspaper.

readability ●●●trust ●●●effort low

ACME · PULSE REPORTNº 01 · THE QUESTION

Open tab

Refresh

Compare

Export CSV

Check again ▸

Open tab

Refresh

Compare

×38

Dashboards opened · today

Anomalies caught · 0

How many dashboards did you check today?

1 · HOOK0:00–0:08

Grid hairlines draw left→right first, then the task strip scrolls upward one row per beat while the counter ticks ×1 → ×38; the headline masks up from the bottom rule and the coral “check” lands on the last downbeat of bar 4.

ACME · PULSE REPORTNº 02 · INTRODUCING

An AI agent for product metrics

Acme

Pulse

SPEEDWatches every metric, every minute, in the background.

CONTROLFlags the anomaly. Your team makes the call.

2 · REVEAL0:08 (drop)

On the drop the horizontal rules sweep left→right and “Acme” rises as one block through a mask; one beat later “Pulse” opens from the right in teal italic, then the two columns set in one line per beat.

ACME · PULSE REPORTNº 03 · CHECKOUT

Caught before customers noticed.

−18%

Checkout conversion · since 09:42

Decision ▸

Roll back

Acknowledge

3 · PROOF MOMENT0:12–0:32

The chart line draws left→right on the beat, the dashed deploy rule drops at 09:42, and on the bar-9 downbeat the giant “−18%” slams in coral; the leader line and “Roll back” pill set on the next two beats.

Acme Pulse

Every metric. Every minute.

14METRICS WATCHED

2,418EVENTS / SEC

6 minTO RESOLVE

Start free

4 · CTA0:36–0:45

Double rule opens from the centre outward, the lockup rises, the three stats count up together over one bar, and the coral pill drops from above on the sting.

COMPONENT KIT

Hairline grid — 12 columns of 80 px, 1.5 px lines at 7 % ink — always visible, never decorative
Masthead — mark + “ACME · PULSE REPORT” + issue number on a 3 px rule; the film reads as a publication
Hero numeral — JetBrains Mono 230–300 px, tight tracking; the number is the headline
Task strip — perforated vertical tape of chores scrolling in a loop; the active row takes the accent
Annotated chart — single ink line, dashed event rule, coral point with a leader line and margin note
Colophon close — double rule, centred lockup, three mono stats, one coral pill

MOTION · MUSIC

Mask rise — headline blocks rise 100 % through a rule-aligned mask, power4.out 0.5 s, landing on the downbeat
Counter tick — numerals step once per beat (0.5 s at 120 BPM) with steps(1) — no tweening, like a split-second ledger
Line draw + pin — chart stroke-dashoffset 100 → 0 over one bar (2 s, linear); the anomaly numeral scales 1.08 → 1 in 0.2 s on the next downbeat

WHY / RISK · ADAPT IT

Numbers are the product here, and editorial typography makes them feel audited and serious — ideal for buyers who distrust flashy AI promises. Risk: it can feel cold and static; keep strict beat-locked reveals so the page “prints” in rhythm, and never add a second accent colour to a frame.

Adapt to your product: Choose the one number your product changes (time saved, errors caught, cost avoided) and make it the hero numeral; the chart simply shows the before/after around the moment your product intervenes.

References: https://github.com/Financial-Times/chart-doctor/tree/main/visual-vocabulary (FT Visual Vocabulary: newsroom chart grammar) · https://www.printmag.com/featured/swiss-style-principles-typefaces-designers/ (Swiss Style grid and typographic principles) · https://posterhouse.org/exhibition/the-swiss-grid/ (The Swiss Grid exhibition)