Dark product UI: near-black bento cards, one hot orange with soft signal colours, phones drawn in CSS and a spotlight that follows the pointer. A dark product language for AI apps and dashboards: near-black cards on a masked 72px grid, one hot orange (with a peach partner) and four soft signal colours (violet, mint, sky, rose) that glow rather than fill, Inter Tight set tight and heavy, and JetBrains Mono labels in hairline pills with a pulsing dot. Bento cards carry live pictures drawn in code (a glowing day timeline, focus rings, synced devices, an area chart) and an orange spotlight that follows the pointer and lights their border. Phones are drawn in CSS with a working app screen that switches to light; app tiles orbit a phone, stats rise in gradient figures over thin bars, and the page closes on a warm paper sheet of white cards and a giant fading wordmark. Extracted from the Kairo AI Time Assistant page.
The agent instruction, every token inline: https://instalanding.ai/s/kairo.txt. Restyle an existing project with it.
Live specimen of every component: https://instalanding.ai/systems/kairo/specimen.html. Tokens: https://instalanding.ai/systems/kairo/tokens.css.
How to use the library without a shell: /SKILL.md. Index of everything: /llms.txt.