UI / Brand Design
XRP YieldVault — Dark Glassmorphic Design System & UX
- Figma
- Tailwind CSS
- Design Systems
- UI/UX Architecture
Before
Legacy Web3 interfaces were overly complex, lacked visual hierarchy, and intimidated non-crypto investors.
After
Designed an ultra-clean, high-contrast dark theme UI with custom Lime accent tokens, glassmorphism panels, and simplified onboarding UX.
Problem statement
Legacy Web3 interfaces were overly complex, lacked visual hierarchy, and intimidated non-crypto investors.
Solution built
Designed an ultra-clean, high-contrast dark theme UI with custom Lime accent tokens, glassmorphism panels, and simplified onboarding UX.
Tech architecture
- Tokens
- Dark theme tokens with a lime accent in the component library.
- Type
- Bricolage and DM Sans set as the type hierarchy.
- Onboarding
- Web2-to-Web3 dual onboarding laid out for mobile.
Results
-
Dark UI
High-contrast theme
-
Lime
Accent tokens
-
Mobile
Responsive layouts
Screenshots
System
Glass panels, type hierarchy, and onboarding screens.
If this is the kind of system you need
Book a call and bring the workflow as it works today. We will say what should be built, and what should be left alone.