Skip to design details
AuraUIGitHub
← ALL DESIGNSCAPTURE / 23

Bold · High Contrast · Rounded

Wise

A vivid fintech system with a lime canvas, deep green typography, oversized heavy headings and pill-shaped actions.

Download design.mdOpen preview ↗

Preview

auraui.cc / preview / wise

↗

Design Principles

  1. 01

    Use the captured semantic tokens as the visual foundation.

  2. 02

    Preserve the source system’s spacing rhythm and type hierarchy.

  3. 03

    Apply accent color deliberately to actions and emphasis.

  4. 04

    Keep surfaces, borders and corner treatments consistent.

Colors

Primary#0B3B00

Background#9BEA6C

Foreground#0B3B00

Surface#FFFFFF

Border#0B3B00

Typography

DisplaySans Serif

900 / 90px · compact financial impact

BodySans Serif

400 / 18px · accessible reading

Components

  • Actions↗
  • Form controls↗
  • Selection controls↗
  • Notices↗
  • Progress↗
  • Toasts↗

Patterns

  • Semantic tokens◆
  • Responsive spacing◆
  • Type hierarchy◆
  • Surface layering◆
  • Accessible controls◆
READY TO USE

Give your agent a point of view.

Download the complete specification and add it to your project context.

Download design.md