Provenance · verbatim
No prompts. A recipe.
Every one of these showcases publishes its generated prompts here. KELVIN has none: it uses no AI-generated media at all. So instead, here is the exact recipe, the numbers a designer would hand over to rebuild it.
There are no images, no video and no models on this site. The only inputs are colour values and font axes. In the spirit of provenance, here they are in full.
The temperature stops
The engine interpolates between these five stops as you scroll. The foreground is always chosen to pass AA contrast on its background.
bg #160c05 fg #f5e6d0 accent #ff7a1a
bg #241405 fg #f7ead6 accent #ff9a3c
bg #eef1f6 fg #161b22 accent #0a6cff
bg #16233f fg #dbe6ff accent #5b8cff
bg #080b1a fg #e7ecff accent #7b6bff
The type
- Display and body: Anybody Variable, weight 100 to 900, width 50 to 150. The engine drives weight and width from the temperature.
- Readouts and labels: JetBrains Mono Variable.
The rules
- Accent colour is used only for large display type and decoration, never small text.
- The primary button inverts foreground and background, so it can never fall below contrast at any temperature.
- The whole palette is one small script setting CSS variables; read the build guide to reproduce it.