# Fix Claude Design sameness with a Firecrawl brand system

> Claude Design outputs look identical by default. Extract brand JSON via Firecrawl and upload it as a Design System so every generation stays on brand.

Published: 2026-04-20
URL: https://daniliants.com/insights/claude-design-brand-consistency-firecrawl-design-system/
Tags: claude, ai-design, design-systems, firecrawl, brand-consistency, prompt-engineering, ui-generation

---

## Summary

Claude's AI design tool produces visually repetitive outputs by default, same fonts, animations, and layout patterns across all generations. The fix is to create a custom design system by extracting a website's branding via Firecrawl and uploading that JSON to Claude's Design Systems memory. Once stored, all subsequent design generations (slide decks, presentations, etc.) reference the brand guide automatically.

## Key Insight

- Claude Design has a known "sameness" problem, Reddit flagged all outputs looking identical (generic fonts, animations, structure)
- Root cause: no brand memory by default; Claude generates from generic patterns
- Fix workflow:
  1. Go to Claude Design > Design Systems > Create
  2. In Firecrawl, paste the website URL and select "Branding" mode, it extracts a JSON branding guide (colors, typography, images)
  3. Upload that JSON to Claude's Design Systems, this creates a persistent brand memory
  4. When generating any artifact (slide deck, doc, etc.), select that design system
- Claude then checks the design document during generation, producing on-brand output rather than generic defaults
- This is effectively prompt-engineering via structured brand context rather than ad-hoc instructions in each prompt