Amber Minimal Theme
TweakcnAmber Minimal keeps the chrome quiet and lets a single warm accent carry the brand — perfect for focused product UI.
Typography
Font families used by this theme.
The quick brown fox jumps
Body copy for paragraphs, descriptions, and UI labels.
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
const theme = { primary, radius }
Colors
Palette tokens for the light mode.
Brand
Surface
Charts
Sidebar
Theme showcase
Components, charts, bento, and marketing on the same theme tokens.
| Name | Status | Balance |
|---|---|---|
| John Doe | Active | $1,234.56 |
| Jane Smith | Active | $2,345.67 |
| Bob Johnson | Inactive | $567.89 |
AI Voice
Easily explore residential and commercial properties featuring comprehensive profiles, stunning images, and immersive virtual tours.
Performance Indictor
Easily explore or compile residential and commercial properties featuring comprehensive profiles, photos, and virtual walkthroughs.
Sales Analytics
Effortlessly list or browse residential and commercial properties with detailed profiles, images, and virtual tours.
Fast
Quickly explore and manage residential and commercial properties with comprehensive profiles
Task Overview
Effortlessly manage your tasks with a Kanban board, where you can visualize your workflow, prioritize tasks, and track progress.
Dashboard Design
16 Jan 2025
Dashboard Design
16 Jan 2025
Dashboard Design
16 Jan 2025
Blocks Built With Shadcn & Tailwind
Finely crafted components built with React, Tailwind and shadcn/ui. Developers can copy and paste these blocks directly into their project.
Ship Amber Minimal with AI
A portable design system agents can follow — colors, type, layout, and taste rules packed into one markdown file.
Color system
Live tokensPrimary
primary
Secondary
secondary
Accent
accent
Canvas
background
Surface
card
Muted
muted
Danger
destructive
Sidebar
sidebar
Typography
Space Grotesk
Body · Geist
Playfair Display for display moments
IBM Plex Mono · code & tokens
Shape & depth
Soft radii, quiet shadows, and layered surfaces — the shape language agents should keep consistent.
How agents use it
01
Copy
Grab the full DESIGN.md in one click.
02
Paste
Drop it into Cursor, Claude Code, or .agents/.
03
Build
Ask for UI — agents stay on-brand.
More themes
Browse other premade themes in the library.
Themes + library access
Style everything.Ship faster with Pro.
Themes are free to browse and install. Pair them with Pro or Premium to unlock 1,780+ blocks, 1,914+ components, and 49 pages—all on the same design tokens.
- 14 free shadcn themes with light & dark mode
- Apply to 1,780+ blocks & 1,914+ components
- Official CSS variables—compatible with Tweakcn, StyleGlide & Tinte
- One-line CLI install into your globals.css
- Unlock Pro/Premium for the full blocks & components library
Design.md
Alpine
Cobalt structure, coral heat, and a blush canvas—brand guidelines agents can paste straight into Cursor or Claude.
Shadcn Themes
14- Alpine
- Vercel
- Supabase
- Claude