Gridpaper Editorial
Titles & lower thirdsA cream graph-paper spread: a taped card drops onto the sheet, a highlighter swipes under the masthead and mono specs type on
This is the format it was composed for. Switch above to see it lay itself out for another — same animation, re-arranged for the frame.
What you can change — 6 settings
Everything below can be changed without touching the animation. Hand the list to an agent, or edit the values at the bottom of the component file.
- Title top *titleTop · string
First title line. Gets the highlighter swipe behind it, so keep it short — one word is ideal.
now: Deep
- Title bottom *titleBottom · string
Second title line, set in the accent colour. The subject itself.
now: Watches
- Specs *specs · array
Monospace spec rows printed under the pinned card. Two to four reads best; this is a caption, not a table.
now: 3 items
- Captioncaption · string
Small label above the title, printed in mono.
now: Field notes — 03
- Tapetape · boolean
Stick a torn tape strip across the top edge of the pinned card.
now: true
- Brandbrand · string
Brand token id — one of the keys of BRANDS. Light brands (press, paper, field) are what this layout is for.
now: press
For developers — source, dependencies and provenance
Dependencies
No Tailwind, no CSS, no asset files. Inline styles only.
Source
Provenance
Prompt
An editorial title card on cream graph paper, like a magazine spread laid out on an engineer's pad. A card should drop onto the sheet slightly rotated and settle, with a strip of tape across its top corner. Next to it a two-line masthead: the first word gets a highlighter stroke wiping in underneath it, the second is set in the accent colour. Monospace spec lines type on under the card. Print texture over everything.
