Skill 22 · Hyperframes Creative
Subchapter 22.24
frame-presets/biennale-yellow/FRAME.mdMarkdown17 KBView on GitHub
Biennale Yellow at frame scale is a literary-editorial system in the register of an art biennale catalogue: warm parchment, a single deep indigo ink, and solar yellow as atmosphere. No cards, no buttons, no shadows, no rounded corners — the structural vocabulary is just paper, ink, and yellow. Depth is delivered by soft radial sun blooms, not elevation.
The voice is three faces in rigid roles: Instrument Serif (weight 400, tight line-height, negative tracking) carries every display, numeral, and quote from 40px to 720px+; Archivo carries body and the wide-tracked uppercase micro-label; JetBrains Mono carries every date, figure, and the pagenum. Text is always ink — contrast comes from size and weight, never color. The mood sits between a folded museum brochure and a slow-reading literary quarterly: confident, atmospheric, deeply restrained.
Key characteristics at frame scale:
{colors.ink}) for all type and all rules; solar yellow as bloom / panel / tile.Three eyeball tests gate every frame before any structural check:
Squint — one Instrument Serif moment dominates at 3–6× its neighbor; the sun bloom centers the eye.
Silence — frames read 55–60% empty; the ledger is the one dense exception (density via quiet hairline repetition, not richness).
Restraint — one ink color for all type and rules; one sun bloom per frame (+ optional subordinate ember); never invert (no yellow text on ink).
Reference — aim at an art-biennale catalogue / slow exhibition poster / literary quarterly; failure looks like a flat CMS template (no bloom) or a bordered-card deck.
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-edge 4cqw (40–76px equivalent) — the elegance depends on edge negative space; only blooms, tiles, and panels bleed.
The container law (load-bearing). Every frame ground sets container-type: size; ALL
frame-relative units are cqw/cqh against it — never vw. Hairlines stay 1px; bloom sizes scale
as % of the frame.
Tokens identical to the source. {colors.paper} is the universal ground; {colors.ink} (deep
indigo navy) is every line of type and every rule — there is no secondary text color.
{colors.sun} deploys three ways: the bloom (radial atmosphere), the yellow-panel
(full-bleed poster fill, ink on top), and the block-tile underprint. {colors.sun-soft}/haze
are bloom mid/outer stops. {colors.ember} appears only as a 15–22% counter-bloom — never a
fill, never text. The system never inverts — ink on sun is correct; yellow text on ink does not exist.
Two ramps. The reading/data ramp (Archivo body 0.85cqw ink, micro-labels in px, JetBrains Mono
data) carries copy + chrome; the display ramp (Instrument Serif ledger-title 1.55cqw →
numeral-jumbo 28cqw) carries every headline, numeral, and quote.
display; 4–6 → headline; 7+ → headline-sm. The jumbo numeral is a divider’s whole point — don’t shrink it.Atmospheric, not structural. Depth from:
Ceiling: zero box-shadow, zero text-shadow, zero rounded corner, no border thicker than 1px.
Recipe: ground · container · composes · focal · chrome · accent · silence · Fixed/Free · density. A sun bloom + bottom-right pagenum on every frame; sparse is the default.
Ground paper + a large sun-bloom (left-of-center) + an ember counter-bloom (opposite corner).
Composes micro-label, display, date-rail, footer-band, pagenum. Focal a 2-line Instrument
Serif display (italic key word) in ink, left, under a micro-label. Chrome a serif date-rail
top-right; a 4-column footer-band at the foot. Accent the sun bloom + yellow. Silence the
bloom holds the open space. Fixed ink type, one bloom, 1px footer rules, no shadow. Free
title, date, footer cells. Density low.
Ground paper + a corner-anchored sun-bloom. Composes vertical-rail, numeral-jumbo,
headline-sm. Focal a single huge Instrument Serif numeral-jumbo (≈28cqw) dominating, with a
serif title beneath. Chrome a rotated vertical-rail label up the left edge; pagenum. Accent
the bloom behind the numeral. Silence ~60%. Fixed serif 400, jumbo numeral, rail label.
Free the ordinal, title, rail text. Density low.
Ground paper (bloom optional, subtle). Composes headline-sm + micro-label topbar, ledger-rows. Focal a 4-column tabular calendar — mono date · serif title · sans venue · mono duration — separated by hairline-soft rules under a 1px ink header rule. Chrome pagenum. Accent none — density through quiet repetition, not color. Silence tight — the density exception (achieved by repetition, not richness). Fixed hairline rules, mono dates, serif titles. Free rows, venues. Density dense-exception.
Ground paper + a centered sun-bloom. Composes numeral-lg quote mark, display-it, attribution.
Focal a 2-line Instrument Serif italic display-it quote in ink, centered, under an
oversized serif quote mark. Chrome a micro-label attribution. Accent the centered bloom.
Silence ~60% — deliberately open. Fixed italic serif, one bloom, ink. Free quote,
attribution. Density low.
Ground paper with a full-bleed {colors.sun} yellow-panel (column or third). Composes
yellow-panel, micro-label, headline. Focal an Instrument Serif headline in ink sitting on
the sun panel (ink-on-yellow — a signature). Chrome micro-label; pagenum. Accent the panel
itself. Silence the paper side stays open. Fixed ink-on-sun, panel meets paper directly (no
border), no shadow. Free headline, panel side/width. Density low.
Ground paper + a subtle sun-bloom. Composes micro-label, headline-sm, strand-rows. Focal a numbered list — serif numeral + serif title + sans body, hairline-soft separators. Chrome micro-label; pagenum. Accent the bloom. Silence moderate; rows breathe. Fixed serif numerals, hairline-soft rules. Free items, copy. Density standard.
| Treatment | 16:9 | 9:16 | 1:1 |
|---|---|---|---|
| Cover | display left, date-rail top-right, footer foot | display top, footer stacks | display upper, footer foot |
| Chapter Divider | jumbo numeral, rail left | numeral centered, rail top | numeral centered |
| Ledger | 4-col rows | drop venue col → 3-col | 3-col |
| Manifesto | centered italic | centered, taller | centered |
| Poster Panel | side panel + paper | top/bottom panel band | panel third |
| Strand List | numbered rows | rows (tighter) | rows |
pad-edge holds on the short edge; display clamps use the shorter axis so portrait doesn’t blow out
headlines. Keep load-bearing lines ≥ 1.4cqw. Ledger/strand fixed first columns may tighten on 9:16.
No real customers, logos, or vendors are defined in the source — render any such mark as a placeholder. Programme titles, venues, and dates are content; the system supplies paper, ink, yellow.
Never invent figures, dates, durations, or counts at frame scale. Render slots as — figure —,
{metric}, NN JUN, N m. Ledger dates/durations and chart values especially carry placeholders
until the script supplies them. Chapter ordinals (01, 02…) are decorative.
min(vw,vh) clamp pattern keeps display from blowing out — verify per ratio.