Brizette

Compare looks for an app, website, page or component in seconds: every style, layout and palette, changing one thing at a time, on desktop, mobile, tablet and watch. Then hand the one you choose 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.
• See the screens move as each style moves them, and pause them: carousels, a band of scrolling words, content easing in.
• Lay out a website's hero beside its picture, centred, over a full-width picture or inside a rounded panel, and run an app's picture up behind the whole screen.
• Draw an app outside the app: home-screen widgets, a lock screen with a live update, the island round a phone's camera, and a watch's stack of widgets.

Every style