Skills › HyperFrames › hyperframes › FRAME.md

FRAME.md

284 lines · skills/hyperframes/assets/frame-presets/broadside/FRAME.md at a595755

Open on GitHub

1---

2version: alpha

3name: Broadside — Frame (video / frame layer)

4description: >

5 Video-first companion to Broadside's design.md. The unit is the frame (1920×1080). Atoms are

6 identical and sacred — the two-register surface system (dark ink-black / fire-orange), massive

7 Barlow in lowercase weight 900 treated as graphic primitive, IBM Plex Mono chrome (uppercase,

8 0.14em), the single fire-orange accent, the flat plane, and 1px hairline dividers. Composition +

9 frame scale rewritten for the frame. Motion out of scope.

10unit: the frame — 1920×1080 primary; 9:16 and 1:1 documented

11principle: atoms are sacred · composition is free · numbers come from the script

13colors:

14 ink-black: "#111111"

15 ink-black-alt: "#1A1A18"

16 fire-orange: "#E85D26"

17 cream: "#F0ECE5"

18 cream-muted: "#888880"

19 cream-hint: "#505048"

20 border-dark: "#282826"

21 ink-on-orange-muted: "rgba(17,17,17,0.75)"

22 ink-on-orange-hint: "rgba(17,17,17,0.55)"

23 ink-on-orange-faint: "rgba(17,17,17,0.40)"

24 ink-on-orange-border: "rgba(17,17,17,0.20)"

26typography:

27 # — reading ramp —

28 body: { fontFamily: "Barlow", cqw: 1.2, weight: 400, lineHeight: 1.6 }

29 lead: { fontFamily: "Barlow", cqw: 1.6, weight: 400, lineHeight: 1.5 }

30 caption: { fontFamily: "Barlow", cqw: 0.9, weight: 400, lineHeight: 1.5 }

31 label: { fontFamily: "IBM Plex Mono", cqw: 0.72, weight: 500, tracking: "0.14em", upper: true }

32 # — display / hero ramp (Barlow, lowercase, negative tracking) —

33 h3: { fontFamily: "Barlow", cqw: 2.8, weight: 600, lineHeight: 1.2, lower: true }

34 quote-text:{ fontFamily: "Barlow", cqw: 3.8, weight: 700, lineHeight: 1.15, tracking: "-0.02em", lower: true }

35 h2: { fontFamily: "Barlow", cqw: 4.5, weight: 700, lineHeight: 1.1, tracking: "-0.02em", lower: true }

36 stat-value:{ fontFamily: "Barlow", cqw: 5.5, weight: 900, lineHeight: 1.0, tracking: "-0.04em" }

37 h1: { fontFamily: "Barlow", cqw: 7.5, weight: 800, lineHeight: 0.9, tracking: "-0.03em", lower: true }

38 fadelist-item:{ fontFamily: "Barlow", cqw: 7.5, weight: 900, lineHeight: 1.0, tracking: "-0.03em", lower: true }

39 quote-mark:{ fontFamily: "Barlow", cqw: 10.0, weight: 900, lineHeight: 0.6 }

40 fadelist-title:{ fontFamily: "Barlow", cqw: 10.5, weight: 900, lineHeight: 0.9, tracking: "-0.04em", lower: true }

41 display: { fontFamily: "Barlow", cqw: 13.0, weight: 900, lineHeight: 0.88, tracking: "-0.04em", lower: true }

43spacing:

44 pad-x: "5.5cqw"

45 pad-y: "5.5cqw"

46 gap-lg: "3.5cqw"

47 gap-md: "2cqw"

48 gap-sm: "1cqw"

50components:

51 registers:

52 dark: "ground {colors.ink-black}, text {colors.cream}, accent {colors.fire-orange}"

53 orange: "ground {colors.fire-orange}, text {colors.ink-black}"

54 description: "Two surfaces only — no cream/paper register. One register per frame."

55 slide-chrome:

56 rule: "1px solid {colors.border-dark} (dark) / 20% ink (orange)"

57 placement: "top + bottom bars (label left, number right)"

58 description: "SUPPRESSED on cover/chapter/statement/quote/end — declarative frames let type fill the field."

59 kicker:

60 typography: "{typography.label}"

61 color: "{colors.fire-orange} (dark) / 55% ink (orange)"

62 description: "Uppercase mono eyebrow."

63 rule:

64 backgroundColor: "{colors.fire-orange} (dark) / {colors.ink-black} (orange)"

65 size: "36×2px"

66 description: "Stub accent bar — the system's only ornament."

67 broadside-num:

68 typography: "{typography.label}"

69 placement: "top-left of orange cover/chapter, low opacity"

70 description: "Mono catalogue numeral."

71 stat-card:

72 borderTop: "1px solid {colors.border-dark}"

73 typography: "{typography.stat-value} (orange on dark / ink on orange) + {typography.body} + {typography.label}"

74 description: "Top-border-only block, no other borders."

75 bullet:

76 marker: "orange `/` mono via ::before"

77 typography: "{typography.lead}"

78 description: "Capped at THREE items."

79 bar-track:

80 borderLeft: "1px solid {colors.border-dark}"

81 bars: "{colors.cream-hint}, one .accent {colors.fire-orange}"

82 typography: "{typography.label} axis"

83 description: "Vertical bar chart, left axis only."

84 compare-panel:

85 layout: "two equal panels split by a 1px vertical rule"

86 payoff: "right panel may fill {colors.fire-orange}"

87 description: "Before/after."

88 fadelist:

89 typography: "{typography.fadelist-item} ×3 at opacity 1.0/0.5/0.22 + {typography.fadelist-title}"

90 description: "Three stacked words + one oversized title opposite."

91---

93# Broadside — Frame (video / frame layer)

Broadside — Frame (video / frame layer)

Raw lines 1 to 94

95## Overview

97Broadside at frame scale is a **protest-poster system where type is so large it stops reading as

98text and becomes graphic primitive.** Barlow `display` at 13cqw puts a single lowercase word

99nearly across the frame. The system runs in **two registers**: a dark ink-black ground with cream

100text for documentation, and a fire-orange ground with dark ink for declaration. Fire-orange is the

101_only_ color — accent on dark, environment on orange. The plane is flat; hierarchy is weight, size,

102and 1px hairlines.

103

104**Barlow** carries every text role from display to body — expressive range from weight (400–900)

105and size, not face contrast. **IBM Plex Mono** is chrome only (numbers, kickers, tags, axis labels,

106the `/` bullet marker), always uppercase and tracked. Display is **lowercase** — the system's most

107distinctive single decision, a deliberate inversion of the brutalist norm.

108

109**Key characteristics at frame scale:**

110

111- **Two registers** — dark (cream text) / orange (ink text). No cream/paper register.

112- **Massive lowercase Barlow 900**, negative-tracked, as graphic primitive (display 13cqw).

113- **Fire-orange is the only color** — accent on dark, full environment on orange.

114- **IBM Plex Mono chrome** — uppercase, 0.14em; the `/` bullet marker; mono catalogue numbers.

115- **Flat plane** — no shadow, no radius (save nav dots), no gradient; 1px hairlines carry structure.

116- **Low density** — one statement per frame, bullets capped at three, chrome suppressed on declarative frames.

117

Overview

Broadside at frame scale is a protest-poster system where type is so large it stops reading as text and becomes graphic primitive. Barlow display at 13cqw puts a single lowercase word nearly across the frame. The system runs in two registers: a dark ink-black ground with cream text for documentation, and a fire-orange ground with dark ink for declaration. Fire-orange is the only color — accent on dark, environment on orange. The plane is flat; hierarchy is weight, size, and 1px hairlines.

Barlow carries every text role from display to body — expressive range from weight (400–900) and size, not face contrast. IBM Plex Mono is chrome only (numbers, kickers, tags, axis labels, the / bullet marker), always uppercase and tracked. Display is lowercase — the system's most distinctive single decision, a deliberate inversion of the brutalist norm.

Key characteristics at frame scale:

Two registers — dark (cream text) / orange (ink text). No cream/paper register.
Massive lowercase Barlow 900, negative-tracked, as graphic primitive (display 13cqw).
Fire-orange is the only color — accent on dark, full environment on orange.
IBM Plex Mono chrome — uppercase, 0.14em; the / bullet marker; mono catalogue numbers.
Flat plane — no shadow, no radius (save nav dots), no gradient; 1px hairlines carry structure.
Low density — one statement per frame, bullets capped at three, chrome suppressed on declarative frames.

Raw lines 95 to 117

118## The Frame

119

The Frame

Raw lines 118 to 119

120### Frame Craft Bar

121

122Three eyeball tests gate every frame before any structural check:

123

124- **Squint** — exactly **one display moment dominates** at 3–6× everything else; nothing competes.

125- **Silence** — declarative frames read **45–55% empty**; the **stat grid is the one dense exception**.

126- **Restraint** — **one register per frame**; **fire-orange is the only color** (accent on dark, environment on orange); one display moment; bullets capped at three.

127- **Reference** — aim at **broadside printing / a SPACE10 report / a Wim Crouwel grid with one loud color**; failure looks like a **multi-accent corporate slide deck**.

128

129- **Primary:** 1920×1080 (16:9). Type authored in **`cqw`** (`px ÷ 1920 × 100 = cqw`; or carry the source's `vw` 1:1).

130- **Vertical:** 1080×1920 (9:16). **Square:** 1080×1080 (1:1).

131- **Safe area:** `pad-x`/`pad-y` 5.5cqw — deliberately tight so the massive type crowds the frame edge.

132

133**The container law (load-bearing).** Every frame ground sets `container-type: size`; ALL

134frame-relative units are `cqw`/`cqh` against it — never `vw` (a `vw`-sized frame inflates when not

135full-screen). 1px hairlines stay 1px.

136

Frame Craft Bar

Three eyeball tests gate every frame before any structural check:

Squint — exactly one display moment dominates at 3–6× everything else; nothing competes.
Silence — declarative frames read 45–55% empty; the stat grid is the one dense exception.
Restraint — one register per frame; fire-orange is the only color (accent on dark, environment on orange); one display moment; bullets capped at three.
Reference — aim at broadside printing / a SPACE10 report / a Wim Crouwel grid with one loud color; failure looks like a multi-accent corporate slide deck.

Primary: 1920×1080 (16:9). Type authored in **cqw** (px ÷ 1920 × 100 = cqw; or carry the source's vw 1:1).
Vertical: 1080×1920 (9:16). Square: 1080×1080 (1:1).
Safe area: pad-x/pad-y 5.5cqw — deliberately tight so the massive type crowds the frame edge.

The container law (load-bearing). Every frame ground sets container-type: size; ALL frame-relative units are cqw/cqh against it — never vw (a vw-sized frame inflates when not full-screen). 1px hairlines stay 1px.

Raw lines 120 to 136

137## Colors

138

139Tokens identical to the source, in two registers. **Dark:** `{colors.ink-black}` ground,

140`{colors.cream}` text, `{colors.fire-orange}` accent (kickers, accent stat, bullet `/`, lead bar,

141quote mark, rule stub). **Orange:** `{colors.fire-orange}` ground, `{colors.ink-black}` headlines +

142body, with the dark-ink overlays (75/55/40/20%) as the muted tones. Choose one register per frame

143and commit. **No second accent color** — on orange, emphasis is weight/opacity on the ink, never a

144new hue. Cream text on orange does not exist (ink-on-fire is absolute).

145

Colors

Tokens identical to the source, in two registers. Dark: {colors.ink-black} ground, {colors.cream} text, {colors.fire-orange} accent (kickers, accent stat, bullet /, lead bar, quote mark, rule stub). Orange: {colors.fire-orange} ground, {colors.ink-black} headlines + body, with the dark-ink overlays (75/55/40/20%) as the muted tones. Choose one register per frame and commit. No second accent color — on orange, emphasis is weight/opacity on the ink, never a new hue. Cream text on orange does not exist (ink-on-fire is absolute).

Raw lines 137 to 145

146## Typography

147

148Two ramps. The **reading ramp** (Barlow body 1.2cqw, mono label 0.72cqw) carries copy + chrome; the

149**display ramp** (Barlow `h2` 4.5cqw → `display` 13cqw, weight 700–900) carries every statement.

150

151- **Legibility floor:** any load-bearing line ≥ **1.4cqw**; mono labels are chrome only.

152- **Fit-to-measure:** size the headline to its length. Cap the block at **≤ 78cqw**; ≤2 words → `display`; 3–4 → `h1`; 5+ → `h2`. Broadside packs only ONE display moment per frame.

153- **Barlow display is lowercase, weight 700–900, negative-tracked** (−0.04em largest, −0.02em h2). **Mono chrome is uppercase, 0.1em+.** No italic, no underline, no uppercase display.

154

Typography

Two ramps. The reading ramp (Barlow body 1.2cqw, mono label 0.72cqw) carries copy + chrome; the display ramp (Barlow h2 4.5cqw → display 13cqw, weight 700–900) carries every statement.

Legibility floor: any load-bearing line ≥ 1.4cqw; mono labels are chrome only.
Fit-to-measure: size the headline to its length. Cap the block at ≤ 78cqw; ≤2 words → display; 3–4 → h1; 5+ → h2. Broadside packs only ONE display moment per frame.
Barlow display is lowercase, weight 700–900, negative-tracked (−0.04em largest, −0.02em h2). Mono chrome is uppercase, 0.1em+. No italic, no underline, no uppercase display.

Raw lines 146 to 154

155## Depth & Surface

156

157Flat plane, the only technique. Hierarchy from:

158

159- **Weight + size contrast** — the dominant signal (900 lowercase display).

160- **1px hairlines** — chrome bars, stat-card top, compare divider, bar-track left, chart baseline.

161- **Color shift** — orange on ink, ink on cream, cream-muted on cream.

162- **Negative space** — generous, intentional empty regions.

163

164**Ceiling:** no box-shadow, no elevation, no rounded surface (save nav dots), no gradient ground.

165

Depth & Surface

Flat plane, the only technique. Hierarchy from:

Weight + size contrast — the dominant signal (900 lowercase display).
1px hairlines — chrome bars, stat-card top, compare divider, bar-track left, chart baseline.
Color shift — orange on ink, ink on cream, cream-muted on cream.
Negative space — generous, intentional empty regions.

Ceiling: no box-shadow, no elevation, no rounded surface (save nav dots), no gradient ground.

Raw lines 155 to 165

166## Shapes

167

168- **0 radius everywhere** except nav dots (50%). Cards, panels, tags, stat blocks, bars — sharp rectangles.

169

Shapes

0 radius everywhere except nav dots (50%). Cards, panels, tags, stat blocks, bars — sharp rectangles.

Raw lines 166 to 169

170## Components

171

172- **registers** — the two-surface system. **slide-chrome** — optional hairline bars, suppressed on declarative frames.

173- **kicker** (mono eyebrow) / **rule** (36×2 stub) / **broadside-num** (catalogue mark) — the chrome ornament set.

174- **stat-card** (top-border only) / **bullet** (orange `/`, max 3) / **bar-track** (one accent bar) / **compare-panel** (orange payoff) / **fadelist** (1.0/0.5/0.22 stack).

175

Components

registers — the two-surface system. slide-chrome — optional hairline bars, suppressed on declarative frames.
kicker (mono eyebrow) / rule (36×2 stub) / broadside-num (catalogue mark) — the chrome ornament set.
stat-card (top-border only) / bullet (orange /, max 3) / bar-track (one accent bar) / compare-panel (orange payoff) / fadelist (1.0/0.5/0.22 stack).

Raw lines 170 to 175

176## Frame Treatments

177

178> Recipe: ground · register · composes · focal · chrome · accent · silence · Fixed/Free · density.

179> One statement per frame; chrome suppressed on declarative frames.

180

Frame Treatments

Recipe: ground · register · composes · focal · chrome · accent · silence · Fixed/Free · density. One statement per frame; chrome suppressed on declarative frames.

Raw lines 176 to 180

181### 1 · Cover (identity · move: massive type · ORANGE register · left)

182

183**Ground** fire-orange. **Composes** broadside-num, rule, kicker, display, lead. **Focal** a 1–2 word

184Barlow `display` (13cqw) lowercase in ink, left-anchored, over a small ink rule stub + mono kicker; a

185Barlow lead line beneath in 75% ink. **Chrome** mono catalogue number top-left, mono meta top-right

186(no chrome bars). **Accent** the ink itself is the pop on orange. **Silence** ~45%. **Fixed** ink-on-fire,

187lowercase 900, flat. **Free** the word, kicker, lead. **Density** low.

188

1 · Cover (identity · move: massive type · ORANGE register · left)

Ground fire-orange. Composes broadside-num, rule, kicker, display, lead. Focal a 1–2 word Barlow display (13cqw) lowercase in ink, left-anchored, over a small ink rule stub + mono kicker; a Barlow lead line beneath in 75% ink. Chrome mono catalogue number top-left, mono meta top-right (no chrome bars). Accent the ink itself is the pop on orange. Silence ~45%. Fixed ink-on-fire, lowercase 900, flat. Free the word, kicker, lead. Density low.

Raw lines 181 to 188

189### 2 · Statement (declarative · move: type IS composition · DARK register · left)

190

191**Ground** ink-black. **Composes** kicker, display. **Focal** a 2–4 word Barlow `display`/`h1`

192lowercase in cream, with ONE clause inked `{colors.fire-orange}`. **Chrome** mono kicker; no bars.

193**Accent** the orange clause. **Silence** ~55%. **Fixed** lowercase 900, one orange clause, flat.

194**Free** the statement, which clause is orange. **Density** low.

195

2 · Statement (declarative · move: type IS composition · DARK register · left)

Ground ink-black. Composes kicker, display. Focal a 2–4 word Barlow display/h1 lowercase in cream, with ONE clause inked {colors.fire-orange}. Chrome mono kicker; no bars. Accent the orange clause. Silence ~55%. Fixed lowercase 900, one orange clause, flat. Free the statement, which clause is orange. Density low.

Raw lines 189 to 195

196### 3 · Stat Grid (data · move: top-border cards · DARK · the dense frame)

197

198**Ground** ink-black, chrome bars present. **Composes** slide-chrome, kicker, 3× stat-card. **Focal** a

199row of three top-border-only stat-cards — big Barlow-900 numeral in `{colors.fire-orange}`, Barlow

200label, mono note. **Chrome** top + bottom hairline bars (label + number). **Accent** the orange

201numerals. **Silence** moderate — the density exception. **Fixed** top-border-only cards, orange

202numerals, 1px hairlines. **Free** figures (from script), labels. **Density** dense-exception.

203

3 · Stat Grid (data · move: top-border cards · DARK · the dense frame)

Ground ink-black, chrome bars present. Composes slide-chrome, kicker, 3× stat-card. Focal a row of three top-border-only stat-cards — big Barlow-900 numeral in {colors.fire-orange}, Barlow label, mono note. Chrome top + bottom hairline bars (label + number). Accent the orange numerals. Silence moderate — the density exception. Fixed top-border-only cards, orange numerals, 1px hairlines. Free figures (from script), labels. Density dense-exception.

Raw lines 196 to 203

204### 4 · Fadelist (narrative · move: opacity stack · DARK)

205

206**Ground** ink-black. **Composes** fadelist (3 stacked Barlow-900 words at 1.0/0.5/0.22), fadelist-title.

207**Focal** the three-stage word stack opposite an oversized display title in `{colors.fire-orange}`

208(before/during/after). **Accent** the orange title. **Silence** moderate. **Fixed** the opacity

209ladder, lowercase 900. **Free** the three words, the title. **Density** low-moderate.

210

4 · Fadelist (narrative · move: opacity stack · DARK)

Ground ink-black. Composes fadelist (3 stacked Barlow-900 words at 1.0/0.5/0.22), fadelist-title. Focal the three-stage word stack opposite an oversized display title in {colors.fire-orange} (before/during/after). Accent the orange title. Silence moderate. Fixed the opacity ladder, lowercase 900. Free the three words, the title. Density low-moderate.

Raw lines 204 to 210

211### 5 · Pull Quote (quote · move: oversized mark · DARK · left)

212

213**Ground** ink-black, chrome suppressed. **Composes** quote-mark, quote-text, attribution. **Focal** a

214Barlow `quote-text` (700, lowercase) at ≤78cqw under an oversized fire-orange `quote-mark` (10cqw,

215line-height 0.6). **Chrome** mono attribution (name + role). **Accent** the orange quote mark. **Silence**

216~50%. **Fixed** orange mark, lowercase quote. **Free** quote, attribution. **Density** low.

217

5 · Pull Quote (quote · move: oversized mark · DARK · left)

Ground ink-black, chrome suppressed. Composes quote-mark, quote-text, attribution. Focal a Barlow quote-text (700, lowercase) at ≤78cqw under an oversized fire-orange quote-mark (10cqw, line-height 0.6). Chrome mono attribution (name + role). Accent the orange quote mark. Silence ~50%. Fixed orange mark, lowercase quote. Free quote, attribution. Density low.

Raw lines 211 to 217

218### 6 · Compare (argument · move: split + orange payoff · DARK→ORANGE)

219

220**Ground** ink-black left panel + fire-orange right (payoff) panel, 1px divider. **Composes**

221compare-panel pair, kicker, h3. **Focal** two panels — left documents (cream on dark), right declares

222(ink on orange). **Chrome** mono panel labels. **Accent** the orange payoff panel. **Silence** moderate.

223**Fixed** ink-on-fire right panel, 1px divider, flat. **Free** the before/after content. **Density** standard.

224

6 · Compare (argument · move: split + orange payoff · DARK→ORANGE)

Ground ink-black left panel + fire-orange right (payoff) panel, 1px divider. Composes compare-panel pair, kicker, h3. Focal two panels — left documents (cream on dark), right declares (ink on orange). Chrome mono panel labels. Accent the orange payoff panel. Silence moderate. Fixed ink-on-fire right panel, 1px divider, flat. Free the before/after content. Density standard.

Raw lines 218 to 224

225## Composition Rules

226

Composition Rules

Raw lines 225 to 226

227### Do

228

229- Set every Barlow display in **lowercase weight 900**, negative-tracked — the system's signature.

230- Use **fire-orange as full environment** on declarative frames, the **lone accent** on dark.

231- Keep chrome in **IBM Plex Mono uppercase, 0.14em**; use the `/` mono bullet marker.

232- **Cap bullets at three; one statement per frame**; build hierarchy from weight, size, 1px hairlines.

233- Suppress chrome bars on cover/chapter/statement/quote/end; let type fill the field.

234- Lean left on most frames; the type IS the composition.

235

Do

Set every Barlow display in lowercase weight 900, negative-tracked — the system's signature.
Use fire-orange as full environment on declarative frames, the lone accent on dark.
Keep chrome in IBM Plex Mono uppercase, 0.14em; use the / mono bullet marker.
Cap bullets at three; one statement per frame; build hierarchy from weight, size, 1px hairlines.
Suppress chrome bars on cover/chapter/statement/quote/end; let type fill the field.
Lean left on most frames; the type IS the composition.

Raw lines 227 to 235

236### Don't

237

238- Never uppercase Barlow display; never add a second accent color.

239- Never put cream text on orange (ink-on-fire is absolute); never a cream/paper register.

240- No drop shadow, no rounded surface (save nav dots), no gradient ground.

241- No serif companion; chrome is never Barlow.

242- Don't pack two display moments into one frame; don't blow a long line edge-to-edge — step down.

243

Don't

Never uppercase Barlow display; never add a second accent color.
Never put cream text on orange (ink-on-fire is absolute); never a cream/paper register.
No drop shadow, no rounded surface (save nav dots), no gradient ground.
No serif companion; chrome is never Barlow.
Don't pack two display moments into one frame; don't blow a long line edge-to-edge — step down.

Raw lines 236 to 243

244## Aspect-Ratio Behavior

245

246| Treatment | 16:9 | 9:16 | 1:1 |

247| ---------- | -------------------------- | -------------------------- | ---------------- |

254

255`pad-x` holds tight on the short edge; re-step display so the one big line stays ≤78cqw and above the

2561.4cqw floor. Mono chrome stays Latin/digit-only.

257

Aspect-Ratio Behavior

Treatment	16:9	9:16	1:1
Cover	word left, lead below	word top, lead below	centered word
Statement	display left	display stacked taller	display centered
Stat Grid	3 across	3 stacked	2+1
Fadelist	stack + title side-by-side	stack over title	stack over title
Pull Quote	mark + quote left	mark top, quote below	centered
Compare	side-by-side panels	stacked (dark over orange)	stacked

pad-x holds tight on the short edge; re-step display so the one big line stays ≤78cqw and above the 1.4cqw floor. Mono chrome stays Latin/digit-only.

Raw lines 244 to 257

258## Approved Entities

259

260No real customers, logos, or vendors are defined in the source — render any such mark as a

261placeholder (the dashed `img-placeholder` at 55cqh). The system supplies type and one color, not brands.

262

Approved Entities

No real customers, logos, or vendors are defined in the source — render any such mark as a placeholder (the dashed img-placeholder at 55cqh). The system supplies type and one color, not brands.

Raw lines 258 to 262

263## Numerals & Claims (hard rule)

264

265Never invent figures, percentages, dates, or counts at frame scale. Render slots as `— figure —`,

266`{metric}`, `NN%`. Stat-card numerals and bar heights carry placeholders until the script supplies

267them. Catalogue numbers (No. 01) are decorative chrome and may be sequential.

268

Numerals & Claims (hard rule)

Never invent figures, percentages, dates, or counts at frame scale. Render slots as — figure —, {metric}, NN%. Stat-card numerals and bar heights carry placeholders until the script supplies them. Catalogue numbers (No. 01) are decorative chrome and may be sequential.

Raw lines 263 to 268

269## Pre-Render Self-Audit

270

271- **Squint** — exactly one display moment dominates; nothing competes.

272- **Silence** — declarative frames ~45–55% empty; only the stat grid runs dense.

273- **Register** — one register per frame; ink-on-fire on orange, cream on dark; no second hue.

274- **Type** — Barlow lowercase 900 negative-tracked, fit-to-measure; mono chrome uppercase 0.14em; ≥1.4cqw floor.

275- **Depth** — 0 shadow, 0 radius (save nav dots); 1px hairlines only.

276- **Bullets** — capped at three, orange `/` marker.

277- **Fabrication** — every numeral traces to the script, else placeholder.

278

Pre-Render Self-Audit

Squint — exactly one display moment dominates; nothing competes.
Silence — declarative frames ~45–55% empty; only the stat grid runs dense.
Register — one register per frame; ink-on-fire on orange, cream on dark; no second hue.
Type — Barlow lowercase 900 negative-tracked, fit-to-measure; mono chrome uppercase 0.14em; ≥1.4cqw floor.
Depth — 0 shadow, 0 radius (save nav dots); 1px hairlines only.
Bullets — capped at three, orange / marker.
Fabrication — every numeral traces to the script, else placeholder.

Raw lines 269 to 278

279## Known Gaps

280

281- **Motion intentionally out of scope.** frame.md specifies composition only; the source's 0.8s deck slide + per-element entry animations are deck mechanics.

282- **Barlow + IBM Plex Mono via Google Fonts**; Noto Sans SC is the CJK fallback (the lowercase-display signal has no CJK equivalent — the two-register color system carries the identity, per the source).

283- **9:16 / 1:1 are guidance**; verify the one big line stays ≤78cqw and above the floor per ratio.

284- Bars, compare panels, and the dashed image placeholder are CSS-only; no external imagery is required.

Known Gaps

Motion intentionally out of scope. frame.md specifies composition only; the source's 0.8s deck slide + per-element entry animations are deck mechanics.
Barlow + IBM Plex Mono via Google Fonts; Noto Sans SC is the CJK fallback (the lowercase-display signal has no CJK equivalent — the two-register color system carries the identity, per the source).
9:16 / 1:1 are guidance; verify the one big line stays ≤78cqw and above the floor per ratio.
Bars, compare panels, and the dashed image placeholder are CSS-only; no external imagery is required.

Raw lines 279 to 284