1 slot open this monthBy the makers of shadcnregistryWe built shadcnregistry. Now we build your product.Book a callCheck availability

1 slot open this monthAI features?We build AI features into your product.Book a callCheck availability

1 slot open this month🚨 Slop police🚨 Slop police: we clean up vibe-coded apps.Report itReport your app

Registry Health Inspect

Terms of Service Privacy Policy

Registries
mozaika
Claude — Decoded Design System

Claude — Decoded Design System

theme

Claude's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.

pnpm dlx shadcn@latest add "https://mozaika.design/r/claude.json"

Premium blocks for shadcn/uiShadcnblocks.com · AffiliateExplore

Light Mode

--background:

#FAF9F5

--foreground:

#141413

--card:

#ECEBE7

--card-foreground:

#141413

--popover:

#ECEBE7

--popover-foreground:

#141413

--primary:

#141413

--primary-foreground:

#FAF9F5

--secondary:

#ECEBE7

--secondary-foreground:

#141413

--muted:

#ECEBE7

--muted-foreground:

#6B6B68

--accent:

#ECEBE7

--accent-foreground:

#141413

--border:

#D7D6D3

--input:

#D7D6D3

--ring:

#141413

--radius:

6px

Dark Mode

--background:

#FAF9F5

--foreground:

#141413

--card:

#ECEBE7

--card-foreground:

#141413

--popover:

#ECEBE7

--popover-foreground:

#141413

--primary:

#141413

--primary-foreground:

#FAF9F5

--secondary:

#ECEBE7

--secondary-foreground:

#141413

--muted:

#ECEBE7

--muted-foreground:

#6B6B68

--accent:

#ECEBE7

--accent-foreground:

#141413

--border:

#D7D6D3

--input:

#D7D6D3

--ring:

#141413

--radius:

6px

Theme

--font-sans:

"anthropicSans", "Newsreader", system-ui, -apple-system, 'Segoe UI', sans-serif

--font-heading:

"anthropicSerif", "Newsreader", Georgia, 'Times New Roman', serif

CSS