Generate a new design based on this screen using your own content.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
# Design from Reference: Claude API Cost
Create an original, high-fidelity visual design inspired by the reference. Prioritize composition, typography, colors, spacing, and component styling over technical implementation.
## Reference
- **Product:** Claude
- **Category:** Usage
- **Screenshot:** https://cdn.prod.website-files.com/5e9dc792e1210c5325f7ebbc/69971c3e25004498104e92f4_NvxYNtLArN38nNSiwq5Xni2cYFHTHhdPIT7htWu6gwY.avif
Analyze the screenshot first. If inaccessible, request it rather than guessing.
## Content
{{content.instructions}}
{{content.data}}
Preserve essential messaging and factual accuracy. Adapt structure and copy length for visual balance; never invent product claims.
## Visual Design
Use this context to reproduce the reference's visual language: layout, typography, colors, spacing, borders, radii, and distinctive elements. The screenshot takes priority if descriptions conflict.
## Direction
{{preferences.fidelityInstructions}}
## Output
{{output.instructions}}
Deliver a polished, cohesive design with precise alignment, hierarchy, and spacing. Produce the requested visual artifact, not just a description. If unsupported, explain the limitation.
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.