findaicredits.com
Analyse Findaicredits's design system. a palette of 12 colours including #F97316, #F59E0B, and #12A150 and __Inter_f367f3 and __Space_Grotesk_dd5b2f 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.
#F97316#F59E0B#12A150#10B981#059669#000000#1A1A1A#6B6B6B#9CA3AF#D2D1CB#F5F5F5#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.
__Inter_f367f3, __Space_Grotesk_dd5b2f, Times New Roman80, 48, 24, 19, 18, 17- 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