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: Prelude Billing
Create an original, high-fidelity visual design inspired by the reference. Prioritize composition, typography, colors, spacing, and component styling over technical implementation.
## Reference
- **Product:** Prelude
- **Category:** Billing
- **Screenshot:** https://cdn.prod.website-files.com/5e9dc792e1210c5325f7ebbc/697b7653c82156e22732295f_KWnSGVwOZAljmxonTpmywgxHvW2tQ3-_bEKBw2wrl8k.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.
This is a billing dashboard from what looks like a communications/verification SaaS (possibly Sinch or similar). The first thing you notice is how much breathing room everything has. Generous whitespace everywhere. Nothing feels cramped.
Structure That Stays Out of the Way
Two distinct card sections break up the page: Top-up History and Usage History. The empty state for top-ups is handled well with a simple icon, clear message, and a subtle "reach out to us" link in blue. No dramatic illustrations or sad mascots. Just honest, minimal communication. The usage table below is dead simple. Date, Total Cost, Verification Cycles, Transactional Messages, Lookup Calls. All zeros for Jan 2026, rendered without fuss.
Typography and Color Restraint
Almost entirely monochrome with that one blue accent on the active "Billing" tab underline and the contact link. The top bar keeps it functional with a balance indicator and a solid black "Top Up" button that pops against everything else. Font hierarchy is clear but not loud. Section headers are bold, descriptions are gray and smaller. Pagination at the bottom feels considered. This is a page that respects the user's time.