Royally Minimal
A dual-tone, spacious design system built for clarity and speed.
Core Principles
Spacious
Generous whitespace and 12px rounded corners for a breathable UI.
Dual Tone
Seamless White and Dark themes with semantic surface elevations.
Icon First
Visual language using Phosphor Icons to reduce textual noise.
The Kit
Navigation
Contextual wayfinding and view management components.
Tabs (Pill Switcher)
Joint (Segmented)
Dropdown
Buttons
Tactile interaction points with clear semantic states.
Standard & Outlines
Minimal & Utility
Circles & Icons
Feedback
Visual status indicators and interactive selection states.
Badges
Alerts
Select Lists
John Doe
Alice Kim (Reordered)
Data Entry
Precision-focused inputs for complex financial data.
Amount (Google Pay Style)
Standard Input
Toggle
Date Picker
Structure
Complex entity displays and relationship layouts.
Flatmates
Analytics
High-impact summaries and detailed activity feeds.
John added "Pizza"
You settled with Alice
Advanced
Deep UI patterns for transaction states and overlays.
No split history
Premium Polish
High-fidelity components for a professional feel.