Designedย by
No items found.
Subject


Bookmark
Bookmark
Category
Tech Stack
Added on
February 19, 2026

Claude Billing Structure

Warm Neutrals Done Right

First thing you notice is that credit card graphic with the big $4.95 balance. It's got this soft beige gradient that feels almost physical, like a real card sitting on your desk. The whole page leans into warm off-whites and creams instead of the typical cold SaaS gray. It feels expensive without trying too hard.

Everything Has a Place

The layout is dead simple. Credit balance up top, payment method and auto-reload settings in the middle, invoice history at the bottom. Left sidebar uses clear section groupings: Build, Analytics, Claude Code, Manage. You always know where you are. The "Buy credits" button in solid black pulls your eye exactly where Anthropic wants it.

Typography That Stays Out of the Way

Small caps for column headers in the invoice table. Clean hierarchy throughout. Nothing is fighting for attention. The bold treatment on "disabled" in the auto-reload notice is a smart little detail that communicates status without needing a colored badge. The whole page breathes. Generous spacing everywhere makes a billing page feel surprisingly calm.
Similar screens

Upgrade to SaaSFrame Pro now to see similar examples.

Monthly

$18 /month

Billed $18 monthly
Browse all screens & flows
Filter and search screens & flows
Search text in screenshots
Access Figma files
Access mobile versions
Join now

Quarterly

$16 /month

Billed $48 quarterly
Browse all screens & flows
Filter and search screens & flows
Search text in screenshots
Access Figma files
Access mobile versions
Join now

Yearly

$15 /month

Billed $180 yearly
Browse all screens & flows
Filter and search screens & flows
Search text in screenshots
Access Figma files
Access mobile versions
Join now