param.club
Analyse Param's design system. a palette of 12 colours including #FF7A2F, #FFE566, and #39FF8A and JetBrains Mono and Space Grotesk 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.
#FF7A2F#FFE566#39FF8A#00FFB4#D8E8F0#5A7A8A#3A5060#4D9FFF#0E1628#050810#B56FFF#000000This 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.
JetBrains Mono, Space Grotesk, Times New Roman57.6, 44.8, 40, 38.4, 32, 28.8- 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
Preview Free
See the extracted design system before exporting the full version.
- CSS variables
- HTML visual report
- Tailwind config
- Figma variables
- shadcn theme
- React theme
- W3C design tokens
- AI-ready design brief
Full Export $3
Drop this design straight into your stack.
- Tailwind config
- Figma variables
- shadcn theme
- React theme
- W3C design tokens
- AI-ready design brief
- Everything in Preview