Verdant Pantry

The canvas is grounded in a faint, misty-green tinted off-white (#F7FAF8) that feels fresh rather than sterile. Hierarchy is established through dense emerald green (#2A7356) on focal promotional cards, shifting down to crisp white (#FFFFFF) containers for browsing surfaces. Type is set in a friendly geometric sans with open apertures, using deep forest charcoal (#1A2420) for primary headlines and soft sage-gray (#73837B) for secondary metadata. Containers feature generously rounded corners at 24px radius, paired with full circular 999px pills for buttons and interactive badges. The interface avoids harsh borders, instead leaning on subtle tonal contrast and soft ambient drops. A viewer immediately notices the hyper-vibrant photographic produce breaking out of its container against rich botanical greens.

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 light-mode mobile app interface screen: crisp morning market warmth framed in pill-soft emerald surfaces and organic vitality.

LAYOUT
The mobile layout follows a top-to-bottom rhythm starting with a friendly greeting and icon header. This flows into a high-visibility emerald hero promotional tile, followed by a grouped white section holding a horizontal scrolling product shelf. The page terminates in a tinted engagement widget for health tracking.

PALETTE (use these exact hex values)
- #F7FAF8 — Mist Canvas: dominant screen background providing a soft, organic ambient glow behind cards
- #FFFFFF — Card Pure White: primary container surface for product listings and elevated modules
- #2A7356 — Forest Emerald: hero promotional banner background and circular affirmative action buttons
- #EDF5F0 — Sage Subsurface: background for the health score status card and pill backings
- #1A2420 — Charcoal Bark: high-contrast headings, product labels, and primary numeric readouts
- #73837B — Herbal Gray: subtitles, measurement quantities, and inactive icon strokes
- #45B27D — Vitality Green: progress bar indicator and health score circular badge fill
- #FF5238 — Ripe Coral: notification dot and badge unread indicator

TYPOGRAPHY
Typeface Plus Jakarta Sans (or Inter, DM Sans, Urbanist), weights 400/500/600/700. Sizes 11px caption, 13px body-sm, 15px body, 17px subheading, 20px heading, 24px display. Tracking -0.01em on headings, 0 on body. The typography is clean, approachable, and humanist, leaning on Plus Jakarta Sans or a warm geometric sans. It projects clinical clarity paired with organic market friendliness. The tight heading tracking and generous body leading keep dense grocery data readable without feeling cluttered.

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

DEPTH
Depth is communicated through tonal stratification rather than heavy shadows. The off-white base (#F7FAF8) sits behind pure white (#FFFFFF) and sage-tinted cards (#EDF5F0), using an ultra-diffused, barely perceptible shadow (0 4px 18px rgba(26,36,32,0.03)) to separate interactive cards.

IMAGERY
Photographic produce is isolated on transparent layers with soft ambient occlusion shadows directly beneath the vegetables. Assets show tactile dew, natural gloss, and vivid natural colors; flat illustrations or cartoon vectors would instantly break the premium organic aesthetic.

SIGNATURE DETAIL — the thing that makes this design itself
The signature element is the contrast of rich forest green cards anchored by floating realistic market photography and circular leaf badges. It creates an unmistakably wholesome organic identity; misusing it by swapping produce photos for flat vector clip-art or making card corners square destroys its tactile appeal.

MUST
- Use generous 24px corner radii on all major content card envelopes.
- Pair photographic produce cutouts with realistic, soft ground shadows beneath items.
- Keep typography strictly within the charcoal (#1A2420) and sage (#73837B) spectrum.
- Use pill-shaped containers (999px radius) for all contextual buttons and tags.

AVOID
- Do not use sharp 0px or 4px square corners anywhere on containers.
- Avoid flat, harsh black (#000000) for body text or background dividers.
- Never apply hard, dark drop shadows; depth must rely on tonal shifts.
- Do not crowd product cards; provide at least 12px horizontal gutters.

OUTPUT
Render as a clean, pixel-crisp UI design at roughly 1280: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.