feastie.ca
Analyse Feastie's design system. a palette of 12 colours including #FB580D, #F7DD54, and #D2E796 and sans-serif and Nitti Mostro Comic Solid 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.
Colour palette
#FB580D#F7DD54#D2E796#B8DEFA#0000EE#3330AF#4F227C#FBD3FF#FFAAF1#FAF5F6#000000#767676This 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:
sans-serif, Nitti Mostro Comic Solid, Aspekta 700Base size: 110
Scale:
110, 80, 70, 64, 48, 46What'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
Downloads
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
Recent extractions
1 days ago, Islamabad
Also popular