wise.design
Analyse Wise's design system. a palette of 1 colours including #163300 and Inter and Wise Sans 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
#163300This 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:
Inter, Wise Sans, Zen Kaku Gothic NewBase size: 499.2
Scale:
499.2, 384, 332.8, 272, 256, 166.4What'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
14 hours ago, Ghaziabad
Also popular