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: Wise Convert Money
Create an original, high-fidelity visual design inspired by the reference. Prioritize composition, typography, colors, spacing, and component styling over technical implementation.
## Reference
- **Product:** Wise
- **Category:** Add & Edit
- **Screenshot:** https://cdn.prod.website-files.com/5e9dc792e1210c5325f7ebbc/6aca27e3aca7079066e8e73d_6aca26ff752d7123197bad6f_cms-9397428f0c557c8f16bf4339.webp
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 masterclass in restraint. Wise strips the currency conversion flow down to a single question and a single option. The page asks "Which balance do you want to convert from?" and gives you exactly one answer: your EUR balance with 20 EUR. That's it. No sidebar, no upsells, no distractions. The massive white space actually works here because it reinforces focus.
Progress Without Pressure
The top nav uses a subtle two-step progress bar. "Amount" on the left, "Confirm" on the right, connected by a thin line with a filled dot showing where you are. It's lightweight but effective. The Wise wordmark sits in the corner doing nothing fancy, just grounding the page. The close X on the far right gives you a clear escape hatch.
Typography Doing the Heavy Lifting
Bold black heading, smaller gray body text, then the balance card with the EU flag icon. The hierarchy is dead simple. The right-facing chevron on the balance row is the only interactive cue on the entire page. That restraint makes it instantly scannable and almost impossible to misuse.