Designedย by
No items found.
Subject


Bookmark
Bookmark
Category
Tech Stack
Added on
February 19, 2026

Claude API Cost Structure

Warm Neutrals Done Right

First thing you notice is the palette. That creamy off-white background with soft beige cards feels like paper. It's warm without being precious. The muted pink donut chart is the only real color accent on the page, and it works hard because of that restraint. Everything else stays quiet.

Clear Hierarchy, Zero Clutter

Three cost summary cards sit in a clean row. Total token cost, web search cost, code execution cost. Each one gets its own space with big bold dollar figures that you can scan in half a second. The daily token cost chart below stretches full width, giving the data room to breathe. Filter pills along the top are compact but readable. The left sidebar groups sections under labeled categories like BUILD, ANALYTICS, MANAGE. Simple stuff but well executed.

What Makes It Stand Out

The typography is confident. Large numbers, small descriptive text, good contrast between the two. The whole page feels like a premium notebook you'd actually want to open. Anthropic clearly thought about making a dashboard that doesn't feel like every other gray-and-blue SaaS analytics screen.
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