Brizette
Choose how an app, website, page or component looks by seeing it in any style, layout and
palette, on desktop, mobile, tablet and watch. Then hand the look to your AI builder as a
prompt or a DESIGN.md, or to your code as a theme.
-
Hand the look to an AI builder (Lovable, Claude Code, Cursor, Bolt or v0) as a written
prompt, or as a DESIGN.md file for Google Stitch and other AI tools: what to build, the
layout, the style’s fonts and corners, each colour by what it paints, and the contrast
to keep.
-
Check the contrast of every colour pairing against WCAG 2.2 AA, AAA or APCA, and fix the
ones that fail.
- See the screens as someone colour-blind or with low vision sees them.
-
Export the palette and the style as CSS variables, W3C design tokens (JSON, which the
Tokens Studio plugin brings into Figma), a Tailwind or shadcn theme, or SwiftUI or
Jetpack Compose colours.
-
Import colours from a picture, a list of hex values, CSS variables or design tokens.
- Make a dark version of a light palette, or a light version of a dark one.
- Change a style’s fonts, corners, borders and shadows, and share it as a link.
- Compare one screen in every style or every palette.
Every style