ikigaidesigns.co
Analyse Ikigaidesigns's design system. a palette of 10 colours including #FE3B2F, #F4F4F0, and #E5E7EB and __GeistSans_245d8d and __GeistMono_97c177 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. Feed them straight into Claude, Cursor, or any coding agent.
#FE3B2F#F4F4F0#E5E7EB#000000#0A0A0A#444444#555555#888888#CCCCCC#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.
__GeistSans_245d8d, __GeistMono_97c177, ui-sans-serif70.4, 57.6, 53.76, 51.2, 35.84, 33.28- 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
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
Full Export $3
Drop this design straight into your stack.
- Tailwind config
- Figma variables
- shadcn theme
- React theme
- W3C design tokens
- Everything in Preview