Verdant Wealth

The interface is set on an ultra-dark navy-slate canvas (#0a1014) paired with slightly lifted container surfaces (#0e171b) bounded by generous 24px corner radii. Colour acts almost purely as functional reassurance and organic brand expression: luminous emerald mint (#52d89a) highlights high-return milestones and calls to action, while warm forest photography softens algorithmic coldness. Typographic rhythm relies on a crisp neo-grotesque sans-serif with punchy bold tabular metrics (displaying ₹12,45,890 at 30px) counterbalanced by subtle 12px captions in muted slate (#8b9ea8). Buttons and badge pills feature subtle frosted or solid borders with 1px transparency, giving them a high-tactile, private-banking poise. An observer immediately notices the harmonious contrast between the lush, sun-dappled canopy photography of the hero card and the minimalist slate-tinted analytical dashboard cards beneath it.

1 design references

Prompt metadata
Shared by	@Devault
Model	GPT Image 2.5
Category	Mobile interfaces
Dataset	stretchcloud · awesome-gpt-image-prompt-2.5

The prompt

Design a dark-mode mobile app interface screen: quiet deep-forest wealth management anchoring modern finance with organic calm.

LAYOUT
The mobile layout follows a single-column stacked container pattern with consistent 16px outer screen margins. Rhythm progresses from a lightweight navigation bar down into an immersive narrative banner, followed immediately by data-heavy overview cards and modular stat grids. Visual weight descends gracefully from inspiration into analytical financial control.

PALETTE (use these exact hex values)
- #0a1014 — Obsidian Deep Base: Primary full-screen canvas background behind all navigation and card groupings.
- #0e171b — Slate Card Surface: Background fill for cards, widget containers, and sub-panels.
- #132126 — Muted Inner Tile: Interactive utility icon background squares and pill badges.
- #52d89a — Bioluminescent Mint: Hero keywords, positive percentage shifts, chart sparklines, and active carousel indicators.
- #12372d — Subdued Pine CTA Fill: Primary interactive button fill on the hero banner.
- #1a2c34 — Card Border Stroke: Hairline perimeter stroke enclosing modules, buttons, and avatar badges.
- #ffffff — Pure White Text: Primary metric numerals, main headings, and active titles.
- #8c9ea6 — Eucalyptus Mist Text: Captions, inactive metrics, secondary labels, and supporting narrative copy.

TYPOGRAPHY
Typeface Inter Display (or Plus Jakarta Sans, SF Pro Text), weights 400/500/600/700. Sizes 11px caption, 12px body-sm, 14px body, 16px subheading, 20px heading, 30px display. Tracking -0.02em at display, 0 at body. The typographic tone is restrained, authoritative, and tranquil. Set in an austere neo-grotesque sans-serif akin to Inter Display, it uses heavy weights for figures and compact leading for headlines to deliver institutional wealth confidence without visual clutter. Free alternatives like Plus Jakarta Sans or SF Pro Text perfectly capture this balance.

GEOMETRY & SPACING
Corner radii — cards 24px, links 999px, inputs 12px, buttons 12px. Spacing on a 4px unit, 12px gaps, 16px between sections, 390px container, comfortable density.

DEPTH
Depth is achieved entirely through luminous hierarchy and border definition rather than cast drop shadows. Dark surface tiers step up from #0a1014 (canvas) to #0e171b (cards) and #132126 (tiles), bounded by 1px subtle strokes (#1a2c34). High-contrast white and bioluminescent green sit on the highest perceived optical layer.

IMAGERY
Photography focuses on atmospheric, moody forest canopies with misty sunlight breaking through tall trees. It evokes themes of patience, sustainable organic growth, and deliberate longevity. Flat cartoonish vector illustrations or hyper-modern neon renders are completely forbidden.

SIGNATURE DETAIL — the thing that makes this design itself
The dual-tone headline typography ('Invest with' in pure white, paired with 'Purpose' in bioluminescent mint) layered over organic canopy photography. This single technique anchors the app's hybrid identity as both a serious financial instrument and a conscious sustainable investment platform. Misusing it by coloring non-key words or using jarring neon hues instantly ruins the serene balance.

MUST
- Use deep obsidian (#0a1014) as the core background; avoid neutral grays or absolute pure black.
- Restrict bright mint (#52d89a) strictly to indicators of growth, focus text, or active interactive cues.
- Pair photographic backgrounds strictly with nature/canopy themes to maintain the sustainable investment ethos.
- Round all outer card containers to 24px with a 1px border of #1a2c34.

AVOID
- Never introduce standard financial warning reds or high-saturation blues that clash with the forest palette.
- Avoid sharp right-angled card corners; cards must always feel smooth and rounded.
- Do not drop drop-shadows with blur radii; rely solely on border hairline strokes for separation.
- Never crowd cards without at least 16px of vertical spacing between them.

OUTPUT
Render as a clean, pixel-crisp UI design at roughly 1328:3840. Flat vector rendering, real legible text, no browser chrome, no device mockup frame, no watermark, no lorem ipsum placeholder blocks.

Try in DraPub

More prompts from the same visual neighborhood.

Back to prompt gallery

Mobile interfacesDesign reference

Abyssal Depth

The screen is grounded in an ultra-dark navy canvas (#040a14) that blends directly into deep-sea hero imagery without harsh cutoffs. Vibrant cyan (#4de1fc) and saturated royal blue (#1b4bf5) provide directional illumination, serving both as high-intent callouts and luminous gradients across interactive elements. Typography is clean and geometric, relying on high-contrast white (#ffffff) for display statements and muted slate (#8fa2be) for logistical information. Spacing uses an 8px grid with generous vertical cadence, accented by cards and pills with generous corner radii (ranging from 16px to 24px). The immediate visual hook is the cinematic submarine emerging from caustic ocean beams, anchored by a vibrant gradient CTA button with a seamless directional arrow.

Mobile interfacesDesign reference

Abyssal Sentinel

The layout splits between a turbulent, full-bleed oceanic photo canvas at the top and an overlapping high-radius clinical white card sheet (#FFFFFF) rising from the lower viewport. Color establishes an immediate cognitive pivot: the brooding marine navy (#10232B) evokes volatile real-world chaos, while soft glacial mint (#BDE4E0) and deep abyssal teal (#0E2A32) communicate calculated technological control. Typography relies on a geometric neo-grotesk with strict hierarchical tracking: loose +1.5px tracking on 11px uppercase category tags, contrasting against tightly-tracked 30px display headings. Layout rhythms alternate between fluid circular pill shapes (radius 999px) and architectural rounded hexagons for photo masking. The eye is first arrested by the stark white display type across the ocean storm, immediately pulled downward by the glowing mint CTA pill into the clean corporate interface below.

Mobile interfacesDesign reference

Adaptive Motion

The interface is grounded on a warm off-white canvas (#F8F9FB) that allows crisp white rounded containers (#FFFFFF) to float with near-weightless elevation. Primary interaction hinges on a spirited coral red (#F05D5E), which drives the hero CTA, notification ping, ring chart, and selective typographic emphasis on 'moves.'. Typography relies on a modern geometric sans-serif, using weight modulation (Regular 400 to Extrabold 800) rather than scale alone to establish hierarchy. Layout modules are organized into distinct cards with generous 24px corner radii, giving the entire viewport an approachable, pebble-soft hand-feel. A user immediately notices the tactile juxtaposition between the rendered metallic fitness equipment angled against a pastel blush circle (#FAD5D5) and the bright coral progress arc at 72% below.

Mobile interfacesDesign reference

Aero Coastal

The canvas is structured around an ultra-clean white backdrop (#FFFFFF) framed by an expansive 36px-radius hero image tile depicting a sunlit alpine coast. Color is strictly bifurcated: visual drama belongs to natural photography and subtle pastel surface cards (#FFF1EE, #EDF5FF, #F3F0FF, #EEF9F6), while operational cues use vivid coral (#EE6C58) and sky blue (#3B82F6). Typography is anchored in crisp modern grotesque letterforms, employing stacked 38px display titles over landscape photos and 14px bold headers inside micro-cards. Component shapes maintain generous curvature, from 999px pills to 24px rounded service modules. A viewer immediately registers the high-contrast white typographic stack against the lake landscape before flowing downward into pastel feature tiles.