copycats.design
Analyse Copycats's design system — a palette of 12 colours including #52AEFF, #0068D6, and #533AFD and ui-sans-serif and Times New Roman typography. Download the ready-made Tailwind config, Figma variables, shadcn/ui theme, React theme, W3C design tokens, and CSS custom properties, and drop them into your own project in minutes. Includes an AI-optimised design brief you can feed straight to Claude, Cursor, or any coding agent.
Colour palette
#52AEFF#0068D6#533AFD#000000#0A0A0A#171717#4D4D4D#5F5F5F#9B9B9B#D9D9D9#ECECEC#FFFFFFThis is a short summary of the brand and most-used colours. The full download captures every colour extracted from the live DOM — usually 50–100 unique values, all named and tokenised across Tailwind, Figma, CSS variables and design tokens.
Typography
Font:
ui-sans-serif, Times New Roman, ui-monospaceBase size: 80
Scale:
80, 38, 30, 18, 17, 16Downloads
Pro download
All 8 filesTailwind · Figma · shadcn · tokens · React theme · AI brief
⬇ Download all 8 files — $3or $10/month for unlimited →What's included
- Tailwind config — drop into tailwind.config.js
- Figma variables — import directly into Figma
- shadcn theme — paste into globals.css
- React theme — Chakra / Stitches compatible
- W3C design tokens — any token tooling
- Full CSS variables
- Visual HTML preview
- AI-optimised design brief
Recent extractions
18 hours ago — Telford
2 days ago — Aurangabad
Also popular