**Wise**
FreeInternational money transfer. Bright green accent, friendly and clear
FreeFree tier
About **Wise**
DESIGN.md file for Wise, the international money transfer service. Documents publicly observable design patterns including colors, typography, spacing, elevation, and responsive behavior, with a focus on the bright green accent and friendly, clear style. Designed to be used by AI coding assistants to generate UI components that match Wise's design language. Best suited for money transfer platforms, green-accented designs, and friendly fintech UIs. Installation via npx getdesign@latest add wise.
Key Features
Documents design patterns: colors, typography, spacing, elevation, responsive behavior
Installable via npx getdesign@latest add wise
Optimized for use with AI coding assistants (e.g., Claude, ChatGPT) for UI generation
Based on independent analysis of publicly observable patterns from Wise
Provides structured markdown file for consistent design reference
Pros & Cons
Pros
- Structured, easy-to-use design reference for AI-assisted development
- Focuses on a proven, user-friendly fintech design language
- Free and open source, with simple setup via npx command
- Covers multiple design aspects (colors, typography, spacing, etc.)
Cons
- Not an official design system from Wise—independent analysis may lack some nuances
- Limited to publicly observable patterns; may not include internal design guidelines
- Primarily useful for AI-assisted workflows; less helpful for traditional design handoff
Best For
Building money transfer platforms with Wise-like design languageCreating green-accented user interfaces for fintech applicationsRapid prototyping of friendly, clear fintech UIs using AI code generationReferencing real-world design patterns for educational or development purposes
FAQ
What is a DESIGN.md file?
A structured markdown file that documents design patterns such as colors, typography, spacing, elevation, and responsive behavior, all observed on a public website. It is a concept introduced by Google Stitch, intended for use with AI coding agents.
How do I use the Wise DESIGN.md file?
Run `npx getdesign@latest add wise` from your project root. Then ask your AI assistant to use the DESIGN.md file for UI work.
Is this DESIGN.md file officially from Wise?
No. It is an independent analysis of publicly observable patterns, curated as a starting point for inspiration. Not affiliated with or endorsed by Wise.
Can I use this for production?
The DESIGN.md files are reference material, not exact reproductions. They are provided for educational and development purposes. All trademarks belong to their respective owners.