Look 11$125retrominimalluxeportfolio

Amethyst

Two lines and the dark.

50 of 50 left · retired when gone

Palette

Canvas & version

Canvas
Dark
Version
0.9.1

Amethyst

$125

Edition 1 of 50

50 left

Every layer, the font pack with its original typeface, motion baked in, and every update to this look. Yours forever.

Limited to 50 sites. When Amethyst sells out it is retired for good and a new look takes its place.

Or three looks for $300

14-day refund · commercial use · no resale

The kitAmethyst · every token, material, icon, component state and section
DemoAmethyst · one page wearing the look

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 + licence

56 files in this look

Sections · 2 variants each

heronav + mobile menufeature gridbentogallerypricingtestimonialFAQCTAfootercontact form

Components · every state drawn

buttons ×3inputscardsbadgestabsaccordionmodaltoasttablenav links

Motion · baked into this look

scroll revealshover statespage transitionsloaderreduced-motion fallback

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.

Your licence key is under Account after purchase.