Amethyst
Two lines and the dark.
50 of 50 left · retired when gonePalette
Canvas & version
- Canvas
- Dark
- Version
- 0.9.1
A room with nothing in it but two lines of light. One runs magenta across the dark on a long diagonal, one runs cyan and level near the floor, and a single plant stands where they cross. The interface is glass: raised is a slab with a lit top edge and one soft sheen across its whole face, carrying a single hairline of white light round it where it is a card or a tile. Recessed is the well cut into it, and the line stops at its lip. Anything chosen, current or open sinks into the well, because state here is depth and never colour.
Plinth Cast for display, the hairline drawn for Plinth and worn here because a hairline is what this room is made of. Karla for reading. Twelve icons, each a solid mark standing on a line with its reflection under it. That reflection is the look's one move, and it is the floor's move too: a thing arrives, and what it gives back arrives a beat after it.
It refuses: a fifth colour, a third material, a second accent in one viewport, a coloured selected state, a hard specular streak painted across a surface, a gradient standing in for a material, the film under body copy, and a paragraph set in the display face.
What's inside
folderlooks/amethyst/
├── CLAUDE.md ← read this first
├── theme.css all tokens as CSS variables
├── theme.json same tokens, machine-readable
├── fonts/ .woff2 + LICENSE.txt
├── sections/ hero, pricing, footer …
├── components/ buttons, forms …
├── motion.css easings, keyframes, reveals
├── assets/ icons, favicon
├── kit/ the kit sheet, everything on one page
├── demo/ one page wearing the look
└── README.md install + licenceSections · 2 variants each
Components · every state drawn
Motion · baked into this look
Font pack
Plinth Cast · Karla
Plinth Cast · open-licence companions · .woff2 self-hosted · LICENSE.txt included
Install
1 · Pull it in
Download the zip and unzip into your project as ./looks/amethyst, or run the command below.
Terminalnpx bandana add amethyst --key <your key>2 · Paste into Claude Code
PromptDress this site in the Amethyst look at ./looks/amethyst. Read ./looks/amethyst/CLAUDE.md first and obey it. Put data-look="amethyst" on <html>, link theme.css then motion.css, add the icon sprite and the reveal script from the kit, and build every screen from the fragments in sections/ and components/. Never invent a colour, shadow, radius, font, size or motion; if a token, section or component you need does not exist, stop and tell me instead.3 · Everything matches
Every screen Claude builds from now on comes out looking like the kit sheet.
