CraftLab
Theme Generator: pick one color, get everything else
Pick one brand color and the Theme Generator draws the rest of a product's look: colors for light and dark, typography, spacing, shadows and component specs for buttons, fields and the rest, with every text and background pair checked for accessible contrast.
What you get
- A palette and its semantic colors, answered for light and dark.
- A type pairing from Google Fonts, with presets or any family you choose.
- Spacing, radii, shadows and specs for every component, previewed on real screens.
- A contrast check of every pair, so text stays readable.
- A second brand color, or colors taken from an image.
Take it anywhere
Hand design.md to your AI agents, or drop Tailwind CSS, shadcn and Figma tokens into your projects. Every theme is also a link you can share.
Who it is for
People who build a product themselves and are not designers, whose AI tools hand back the same look as everyone else's.