A calm, readable look for product screens
For founders and builders who want their app to look considered without hiring a designer: one deep blue accent, warm neutrals, a clear type scale, and generous spacing, with guidance Claude follows when it builds screens. Installs DESIGN.md and tokens as CSS variables and a Tailwind theme.
- Activity
- New: be the first to try it
Will this work for me?
- Effort
- Works out of the boxOur guess from what the kit says it needs.
- Works in
- Claude Code, claude.ai and the desktop app
- You need
- Nothing else. Add it to Claude and ask.
Safety label
- Who made it
- SlashClone house account
- What it touches
- No files, commands, or network
- Scan
- Passed
The look
Colors
primary
#1f4fd1
Text on white 6.8:1 (passes), on black 3.1:1 (large text only)
primary-hover
#173da6
Text on white 9.3:1 (passes), on black 2.3:1 (too faint)
surface
#fbfaf7
Text on white 1.0:1 (too faint), on black 20.1:1 (passes)
surface-raised
#ffffff
Text on white 1.0:1 (too faint), on black 21.0:1 (passes)
text
#1b1d21
Text on white 16.9:1 (passes), on black 1.2:1 (too faint)
muted
#5b6070
Text on white 6.3:1 (passes), on black 3.4:1 (large text only)
border
#e4e1d8
Text on white 1.3:1 (too faint), on black 16.1:1 (passes)