Westy Design Systemv0.2.7
OverviewComponentsExamplesStorybook

Examples

Real product UI for a credit card app, composed entirely from @workspace/ui components and the shared design tokens — no custom styles.

Virtual card
For online purchases only.
Active
Westy Bank

•••• •••• •••• 4929

A. WESTENBERGEXP 09/29
Pay invoice
Choose an amount and the account to debit.
$2,405.31
$360.79

Payments post on the next business day.

Cashback
Rewards earned this month.
2% back
Card controls
Enable or disable how this card can be used.

E-commerce and in-app payments.

Tap to pay in stores.

Purchases outside your country.

Cash withdrawals with this card.

Invite a friend
You both get a statement credit when they activate a card.
Earn $50

Invites expire 30 days after they are sent.

Current balance
Invoice closes on Aug 12.
Open

$2,405.31

of $8,000.00 credit limit

Available$5,594.69
Due dateAug 20
Spend per card
Weekly totals, last 6 weeks.

The virtual card is trending up since W3.

Recent transactions
Latest activity on this card.
Westside Market

Groceries · Today

Pending-$86.20
Streamly

Subscription · Jul 29

-$14.90
Refund — Fielder Co.

Refund · Jul 28

+$52.00
Casa Verde

Dining · Jul 27

-$63.45
Atlas Airlines

Travel · Jul 25

-$412.80
Support
Dispute a charge in chat.
W
Hi! I can help with the Atlas Airlines charge. Do you recognize it?
09:14
No — I didn't book that flight.
09:15
Spending
Last 6 months by category.
+12%

July was your highest month this semester.

Credit utilization
Staying under 30% helps your score.
Healthy

Using $2,405.31 of your $8,000.00 limit.

Monthly spending cap
Purchases are declined above this amount.

$3,500

$500$8,000
Cardholders
People with cards on this account.
AW
Alex Westenberg

Physical ••4929

Owner
SO
Sam Ortega

Additional ••8123

Additional
RL
Renata Lima

Additional ••6570

Additional
No statements yet
Your first statement will appear here after the closing date.

Westy LLC — built with shadcn/ui, Radix and Tailwind CSS.