Stop Making AI-Looking Websites With Claude Design

Use brand colors, reference designs, and clearer prompts to make Claude Design output look custom

Claude Design turns a prompt into a visual website design. Left to its defaults, it produces the same safe layout it gives everyone. Three inputs change that: your brand colors and fonts, reference designs that show the look you want, and a prompt that describes the layout in specific terms.

By the end of this guide, you will have a brand input sheet, a reusable prompt format, and a website design that reflects your brand instead of the tool's defaults.

Who This Is For

  • Your Claude Design output looks like a template

  • You have brand colors and fonts but the tool keeps ignoring them

  • You are a marketer or founder designing without a designer

  • You want a prompt format you can reuse for every new page

What You'll Build

  • A one-page brand input sheet with colors, fonts, and tone

  • A set of reference designs with notes on what to borrow

  • A specific design prompt that describes layout and mood

  • A refined design that has been checked for generic patterns

What You'll Need

  • Access to Claude Design, an Anthropic Labs product in research preview for paid Claude plans at the time of writing

  • Your brand colors as hex codes, your fonts, and your logo

  • Two or three reference designs or screenshots you like

  • The real headline and copy for the page

Going Further

  • Set up your design system in Claude Design so your colors, type, and components apply to every project automatically. See the guide Set Up Your Brand System in Claude Design So Colors, Typography, and Styles Apply Automatically

  • Build a small collection of your own approved designs to use as future references

  • Check Claude Design's current plan availability and features before you rely on it for client work, since research previews change