Skill 22 · Hyperframes Creative
Subchapter 22.33
frame-presets/bold-poster/FRAME.mdMarkdown16 KBView on GitHub
Bold Poster at frame scale is a populist editorial poster — vintage Italian sports-magazine display, classical serif body, one saturated tomato red, grids ruled in ink. Every frame should feel printed: heavy display type at poster scale, locked to one red accent, on a white/off-white sheet (or a full red/dark statement panel), with decoration kept to a strict minimum.
The voice is a three-face stack: Shrikhand (heavy slab-script, weight 400 only, routinely tilted −6°..+2°) carries every hero title, section header, stat, and card title; Libre Baskerville (literary serif) carries every body paragraph — it’s what makes the system feel printed; Space Grotesk (uppercase, 2–3px tracked) is chrome only — labels, eyebrows, counters, bullet bodies. The plane is flat; the only shadow is the stacked text-shadow on red display.
Key characteristics at frame scale:
Three eyeball tests gate every frame before any structural check:
Squint — one display moment dominates at 3–6× everything else (the hero stack, stat-big, or close-big); nothing competes.
Silence — statement frames reserve ~50–60% negative space; the financial grid is the one dense exception.
Restraint — four colors only, red the lone accent; one display moment per frame; the stacked text-shadow on red is the only shadow; bullets capped at three.
Reference — aim at a vintage Italian sports-magazine cover / mid-century European annual report; failure looks like a rounded, soft-shadowed multi-accent slide.
Primary: 1920×1080 (16:9). Display authored in cqw (px ÷ 1920 × 100 = cqw).
Vertical: 1080×1920 (9:16). Square: 1080×1080 (1:1).
Safe area: pad-slide ~3cqw — deliberately tight so the poster type crowds the frame.
The container law (load-bearing). Every frame ground sets container-type: size; ALL
frame-relative units are cqw/cqh against it — never vw. Borders stay px; rotation transforms hold.
Tokens identical to the source. {colors.bg} white is the default ground; {colors.dark} is body,
borders, headers; {colors.red} is the only accent — every numeral, section rule, eyebrow,
leftbar, bullet, progress bar, and the full statement-panel ground. {colors.light} off-white
stripes alternating panels. No fifth color (no green/blue/yellow); categorical difference comes
from position, label, and tilt. Red is never body text, never a tint, never an untexted fill.
Two ramps. The reading/chrome ramp (Baskerville body 0.85cqw, Space Grotesk labels in px)
carries copy + chrome; the display ramp (Shrikhand section-header 3.3cqw → stat-big 22cqw)
carries every statement and numeral.
stat-big/hero-title-red; 3–4 → hero-title; 5+ → section-header. The hero is a stacked 3-line composition.<strong> switches face to Space Grotesk 600. No italic display, no untilted red hero.Flat plane. Depth from:
Ceiling: no box-shadow, no rounded surface (square corners; only the hint pill is 4px), no gradient.
Recipe: ground · register · composes · focal · chrome · accent · silence · Fixed/Free · density. One display moment per frame; statement frames reserve massive negative space.
Ground white. Composes hero-title-stack, label, body tagline, progress-bar. Focal a 3-line Shrikhand stack (e.g. ink / red-tilted / paper) — one red line, one+ tilted. Chrome mono eyebrow + Baskerville tagline; bottom progress bar + counter. Accent the red line. Silence right half open. Fixed Shrikhand 400, ≥1 tilt + ≥1 red, square. Free the words, line sizes. Density low.
Ground full {colors.red}. Composes stat-big, label, body sub. Focal a stat-big
numeral rotated −6° in white with the stacked shadow, centered, with a mono label above + Baskerville
sub below. Accent the ink stacked-shadow on white. Silence ~60%. Fixed white-on-red +
stacked shadow, −6° tilt. Free the figure (from script), label. Density low.
Ground white, pad-slide. Composes label, section-header, fin-grid. Focal a 3px-outer/
1.5px-inner ink grid of cells (red Shrikhand numeral + mono label + Baskerville body). Chrome mono
eyebrow; progress bar. Accent the red numerals. Silence tight — the density exception.
Fixed double-border, red numerals, serif body. Free figures (from script), labels. Density dense-exception.
Ground full {colors.red}. Composes red-quote, Baskerville cite. Focal a 2-line Shrikhand
quote in white with the stacked shadow; a Baskerville cite beneath. Accent the stacked shadow.
Silence ~50%. Fixed white-on-red + stacked shadow. Free quote, cite. Density low.
Ground white (or alternating off-white stripes). Composes label, section-header, 2–3× red-leftbar-card. Focal cards cantilevered off 4px red rules — Shrikhand title + Baskerville body
Ground white or {colors.dark}. Composes close-big, label, body sub, progress-bar. Focal
a Shrikhand close-big (rotated −5°, red) sign-off; mono eyebrow + Baskerville contact line. Accent
the red tilted title. Silence ~60%. Fixed −5° tilt, red close-big. Free sign-off, contact.
Density low.
| Treatment | 16:9 | 9:16 | 1:1 |
|---|---|---|---|
| Hero Stack | stack left, tagline below | stack centered, taller | stack, tagline below |
| Hero Stat | numeral centered | numeral centered, taller | centered |
| Financial Grid | 3 cells across | 2 across / stacked | 2×2 |
| Pull Quote | quote left | quote stacked | centered |
| Editorial Cards | 2–3 across | stacked | stacked |
| Closing | close-big centered | close-big stacked | centered |
pad-slide stays tight on the short edge; re-step display so the line stays ≤78cqw above the floor.
Tilts hold; the progress bar spans the bottom on every ratio.
No real customers, logos, or vendors are defined in the source — render any such mark as a placeholder. The system supplies type, one red, and ink rules, not brands.
Never invent figures, financials, percentages, or dates at frame scale. Render slots as — figure —,
{metric}, +NN%. Fin-grid cells and stat-big especially carry placeholders until the script
supplies them. Catalogue numbers / progress are decorative.