Eldra

Design System Preview

Eldra AI Financial Coach - Design Tokens & Components

AppShell Sidebar

Navigation with active states and icons

Dashboard

Chat

Analyses

Settings

Admin

Dashboard KPI Cards

Financial metrics with soft shadows and rounded corners

Netto Waarde

€125,430

+12.5% deze maand

Maandelijkse Besparingen

€2,340

+8.2% vs vorige maand

Doelvoortgang

78%

€15,600 van €20,000

Chat Interface

Message bubbles with timestamps and composer

Hallo! Hoe kan ik je helpen met je financiële doelen?

14:32

Ik wil graag sparen voor een huis

14:33

Dat is een geweldig doel! Laten we een spaarplan maken...

14:34

Settings & Toggles

Switch components with labels and badges

E-mail Digest

Wekelijkse voortgang updates

Marketing E-mails

Product updates en tips

PRO Status

Premium features actief

Actief

Button Variants

All button styles with consistent spacing

Status & Alerts

Badges and status indicators

DefaultSecondaryOutlineSuccessWarningInfo