Flat vector science explainer
One fact made visible on a grainy night gradient. Flat shapes lit with a single highlight and a thin rim, small capital labels on leader lines, and a number that rolls as the thing it measures crosses the frame.
- How it is made
- Drawn in code
- Cost
- Free to render
- Medium
- flat vector, diagram
- Colour
- dark ground
- Texture
- film grain, glow
- Era
- contemporary
- Good for
- explainer, infographic
- Made with
- hyperframes
The recipe
10 rules and 9 colours, written as one block.
Paste it to Claude.
Members copy the recipe as one block. Claude, or any coding agent, draws this look from it.
Looks that sit near it
- Blueprint schematicPale linework on navy: maps, dials and brackets that draw themselves in, with magenta for whatever changes. It cuts in against the paper scenes on the beat.
- Surveyor's plateThin ink line work on warm paper inside a ruled plate border, with red as the only accent. A ticket rises off the page, prints its date and venue, then shrinks to the top as the tour list builds from it.
- Animated video callA spoken conversation played over a drawn video call. Two tiles, two bold-outline characters in flat rooms, live captions, and mouths that move with each voice.
- Isometric chart worldA whole verse drawn as one chart: a tiny town cut open on a paper card, its troubles labelled with leader lines, and a graph that follows the song. The picture and the data are the same drawing, and the numbers keep the joke going.