Low Sun
Saddle leather, sage, and rope rules.
50 of 50 left · retired when gonePalette
Canvas & version
- Canvas
- Light
- Version
- 0.1.0
Late afternoon on a ranch. Low Sun is a sun-bleached canvas, saddle-leather accent, sage undertones and a decorative western display face used very sparingly. Rules are drawn like rope: dashed, hand-made.
The display face appears once per page, in the hero. Everything else is a plain humanist sans so the flourish stays special.
It refuses: neon, glass, and using the western face for anything smaller than a headline.
What's inside
folderlooks/low-sun/
├── 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
Rye · Alegreya Sans
Low Sun Western (original, in progress) · open-licence companions · .woff2 self-hosted · LICENSE.txt included
Install
1 · Pull it in
Download the zip and unzip into your project as ./looks/low-sun, or run the command below.
Terminalnpx bandana add low-sun --key <your key>2 · Paste into Claude Code
PromptDress this site in the Low Sun look at ./looks/low-sun. Read ./looks/low-sun/CLAUDE.md first and obey it. Put data-look="low-sun" 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.
