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
shadcnregistry
shadcnregistry
RegistryHealthInspect
Terms of ServicePrivacy Policy
  1. Registries
  2. mozaika
  3. Jones Road — Decoded Design System

Jones Road — Decoded Design System

theme

Jones Road'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/jones-road.json"
Premium blocks for shadcn/uiShadcnblocks.com · AffiliateExplore

Light Mode

--background:

#FFFFFF

--foreground:

#000000

--card:

#EFEFEF

--card-foreground:

#000000

--popover:

#EFEFEF

--popover-foreground:

#000000

--primary:

#000000

--primary-foreground:

#FFFFFF

--secondary:

#EFEFEF

--secondary-foreground:

#000000

--muted:

#EFEFEF

--muted-foreground:

#606060

--accent:

#EFEFEF

--accent-foreground:

#000000

--border:

#D8D8D8

--input:

#D8D8D8

--ring:

#000000

--radius:

3px

Dark Mode

--background:

#FFFFFF

--foreground:

#000000

--card:

#EFEFEF

--card-foreground:

#000000

--popover:

#EFEFEF

--popover-foreground:

#000000

--primary:

#000000

--primary-foreground:

#FFFFFF

--secondary:

#EFEFEF

--secondary-foreground:

#000000

--muted:

#EFEFEF

--muted-foreground:

#606060

--accent:

#EFEFEF

--accent-foreground:

#000000

--border:

#D8D8D8

--input:

#D8D8D8

--ring:

#000000

--radius:

3px

Theme

--font-sans:

"Helvetica", system-ui, -apple-system, 'Segoe UI', sans-serif

--font-heading:

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

--font-mono:

"BaseMonoWideWeb", ui-monospace, monospace

CSS