← Back to appDesign Sandbox

Component showcase

Design system

Every installed component, themed for carlo.finance. Forest green accents, warm white surfaces, editorial restraint.

Buttons

Variants

Sizes

With icons

Disabled

Cards

Financial independence
Years to milestone
12

Based on current savings rate of 32%

Buy vs. rent
San Francisco, 30-year horizon
Net worth if you buy$2.4M
Net worth if you rent$2.1M
Difference+$340K
How carlo works
Describe a financial decision. We simulate thousands of possible futures and show you the range of outcomes — so you decide with confidence, not anxiety.

Inputs & forms

How far into the future to simulate

Data display

Table

YearNet worthSavings rateStatus
2026$185,00034%On track
2030$420,00031%On track
2035$780,00028%Adjusted
2040$1,250,00025%At risk

Badges

On trackPendingDraftAt riskArchivedView details

Avatars

TSJDMK

Feedback & alerts

Overlays

Navigation

Tabs (default)

$1.2M

Projected net worth at age 55

Tabs (line)

Buying wins in 68% of simulations over a 30-year period.

Separators

Buy
Rent
Invest

Horizontal separator above

Loading states

Card skeleton

Data row skeleton

Metric skeleton

Avatar + text skeleton