SaaS Mobile (High-Tech Boutique)
Also called: Premium fintech app, Neobank UI, High-tech boutique
Midnight navy, one electric-blue gradient and glossy metal-card surfaces — the polished feel of a premium neobank app.
Design keywords
Say these words to ask for this style.
Born on the phone, this style dresses a fintech or SaaS app like a boutique: a deep midnight canvas, a single electric-blue-to-cyan gradient for every primary action, and cards that look like glossy payment cards — dark enamel with a diagonal specular sheen, a hairline top highlight and soft blue under-glow. Numbers are big, tabular and confident; everything is rounded (14–28px), spaced generously and limited to one hue family so it feels expensive rather than playful.
Best for
- Neobank, wallet and card apps
- Premium subscription SaaS mobile apps
- Investment and payments dashboards
- Product launch pages for app-first startups
Avoid for
- Government or public-service forms
- Kids and education products
- Content-heavy reading sites
✓ Do
- Keep to one hue family: navy surfaces, the electric gradient #1B3DFF → #2A5CFF → #00C2FF for every primary action
- Use the sheen (155° white 10% → 0) on cards, not on text
- Set balances and KPIs in large tabular figures with a muted currency unit
- Use a floating, rounded tab bar with a glowing active icon
✕ Don't
- Don’t add a second bright hue (purple/pink blobs read as glassmorphism or aurora)
- Don’t use backdrop-filter or see-through panels; surfaces are opaque enamel. A soft glow blob behind the hero is fine.
- Don’t use thin hairline-only cards with no gloss (that is Linear-style SaaS)
Not to be confused with
On mobile
The style is native here: the hero card on Home becomes an electric-blue metal payment card, lists sit on glossy navy sheets, and a floating pill tab bar glows under the active icon. Drop the under-glow on long lists to keep scrolling cheap.
Prompt builder
Paste into Claude, Cursor, v0, Lovable or any coding agent to recreate this style.