Style identity
Borderless Ledger
A calm financial interface study for transparent exchange, account details, cards, and trust-aware money movement.
Reference style: Fresh green financial clarity with expressive display type and restrained produc13 focused, original elements for Borderless Ledger.
Includes DESIGN.md, tokens.json, full CSS, Tailwind v4 token mapping and matching UI specimens. Preview for free; protected guidance and style downloads require Starter or Super. Framework installation and theme support are verified only where listed.
Delivered component specimen
Inspect the kit's typography, palette, icons, spacing and motion.
Style identity
A calm financial interface study for transparent exchange, account details, cards, and trust-aware money movement.
Reference style: Fresh green financial clarity with expressive display type and restrained producTypography
Inter
Product body, transfer values, navigation, and accessible copy
Inter, ui-sans-serif, system-ui, sans-serifFallback: ui-sans-serif, system-ui, sans-serif
Wise Sans
Short expressive display and success/feature headlines
"Wise Sans", Inter, ui-sans-serif, system-ui, sans-serifFallback: Inter, ui-sans-serif, system-ui, sans-serif
Palette
canvas / light
#fffffflight page backdrop
surface / light
#f5f9f1light card/control surface
border / light
#d3e4c8light hairline separation
text / light
#163300light primary text
muted / light
#47613dlight supporting text
accent / light
#9fe870light action signal
accent2 / light
#0f4a06light secondary action signal
canvas / dark
#071407dark page backdrop
surface / dark
#102410dark card/control surface
border / dark
#2f5534dark hairline separation
text / dark
#efffe8dark primary text
muted / dark
#b8d4afdark supporting text
accent / dark
#9fe870dark action signal
accent2 / dark
#b8f29cdark secondary action signal
Success
#2c9b52positive completion
Warning
#d99a20caution
Type scale
| Role | Size | Weight | Line height | Tracking |
|---|---|---|---|---|
| Display | 72px | 900 | 65px | -0.04em |
| Section | 40px | 700 | 44px | -0.02em |
| Lead | 20px | 400 | 30px | 0 |
| Body | 16px | 400 | 24px | 0 |
| Value | 28px | 600 | 34px | -0.02em |
| Disclaimer | 12px | 400 | 18px | 0 |
Spacing & shape
Iconography
Use globally understandable line icons; pair symbols with text for money movement and never use icons instead of fee/arrival labels.
System metrics
Radius
Spacing
Motion
Elevation
Soft
0 4px 16px rgba(15,23,42,.08)quiet surface separation
Lifted
0 18px 48px rgba(15,23,42,.14)focused proof surface
Surfaces & shape
Canvas
#ffffff / #071407page backdrop
Surface
#f5f9f1 / #102410card and control surfaces
Accent
#9fe870 / #9fe870action and status emphasis
Guidelines
Imagery
Use original abstract map lines, currency tokens, card-like rectangles, and editorial route illustrations; do not copy Wise photography, cards, or glyphs.
Layout
A broad financial marketing shell with personal/business/platform routes, prominent calculator, product education cards, trust proof, and destination/account details that collapse linearly on mobile.
Assigned collection
13 published components in collection order
Components
These working component previews are supplied with the kit. Open a component to inspect its code; the reference screenshots show the original website.
More AI Kits
An unofficial, original Postman-inspired interface study with 14 focused specimens supported by the live product and content experience.
An unofficial, original v0-inspired Prompt Workshop system grounded in 16 retained, evidence-backed interface patterns.
A high-contrast studio language for a platform that moves between creative production, developer workflows, robotics, research, and enterprise. The system uses a dark stage, warm action color, and compact cross-platform wayfinding without copying Runway's wordmark, content, or media. Responsive previews and 8 evidence-backed interface elements.
An original, unofficial Observable-inspired system for reactive notebooks, executable explanations, and data visualization surfaces. It retains only 11 focused elements supported by Observable's live notebook and chart workflows.
A friendly builder language for moving from prompt to app: vivid purple/green accents, a prominent idea field, artifact type selection, parallel execution, built-in infrastructure, team plans, agent chat, and a clear publish handoff. It is an original study without Replit's logo, pixel font, testimonials, screenshots, or protected copy. Responsive previews and 14 evidence-backed interface elements.
An unofficial, original Perplexity-inspired interface study with 13 focused specimens supported by the live product and content experience.
