Organic Orchard

This interface uses a pristine, light aesthetic rooted in fresh greens and neutral whites to evoke pure organic farming. The canvas base is pure white (#FFFFFF) shifting gently into soft, mint-tinted surfaces like #EBF4EE for promotional headers. Deep forest green (#3B6143) provides an earthy anchor for interactive CTA buttons and primary title accents, while deep charcoal (#1E2620) commands strong, clean readability in headings. Feature callouts sit in an elevated rounded card (radius 24px) against the soft background, using gentle neutral circular icon badges (#F1F6F2). Category tiles and product cards share clean 16px corner radii, letting hyper-realistic fruit and botanical photography inject vivid natural saturation. The layout breathes easily with comfortable 12px to 20px horizontal margins and generous vertical sectional gaps around 24px to 28px.

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 dew over a lush organic harvest market on clean ivory paper.

LAYOUT
The mobile layout follows a top-down discoverability hierarchy. It begins with an unobtrusive status header containing user greeting and mini-cart, followed immediately by an asymmetrical hero promo banner combining copy on the left and a rich harvest montage on the right. Directly overlapping the banner's baseline sits an elevated 4-item horizontal trust badge container. Below this, repeating horizontal scroll carousels ('Shop by Category', 'Best Sellers') guide browsing with standard section headers and 'View all' alignments.

PALETTE (use these exact hex values)
- #FFFFFF — Canvas White: Primary background for the app body, card containers, and bottom scroll area
- #EBF4EE — Hero Tint Mint: Soft green-tinted hero banner background blending smoothly beneath product photography
- #3B6143 — Forest Green: Primary interactive brand color for CTA button, active indicators, and organic badge accents
- #F1F6F2 — Subtle Sage Tint: Circular icon background fill in the 4-column value proposition banner
- #1E2620 — Deep Forest Charcoal: Primary typography color for major headings, section headers, and bold labels
- #4D7F54 — Leaf Green Accent: Hero heading keyword emphasis ('organic, healthy') and 'View all' action links
- #737D76 — Earthy Slate Gray: Secondary copy including subheadings, value prop descriptions, and greeting subtitles
- #F8FAF8 — Card Surface Gray: Subtle low-contrast background for square category cards and product tile images

TYPOGRAPHY
Typeface Inter (or SF Pro Display,Plus Jakarta Sans,Roboto), weights 400/500/600/700. Sizes 11px caption, 12px body-sm, 13px body, 15px body-lg, 18px subheading, 20px heading, 26px display. Tracking -0.01em at headings, 0 at body. The typography relies on an approachable, modern grotesque sans-serif like Inter or SF Pro Display. Its neutral geometry allows the vibrant food imagery to dominate while bold weights (600 and 700) lend confidence and editorial authority to the health-focused messaging. The selective color change on headline keywords adds warmth and conversational cadence.

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

DEPTH
Depth is rendered with extreme softness to retain a fresh, airy print catalog feel. The value proposition panel floats slightly above the hero junction using an ambient blur (0px 6px 20px rgba(30,38,32,0.05)) with zero border stroke. Product surfaces and category cards remain completely flat against the canvas, distinguished solely by subtle tonal shifts from #FFFFFF to #F8FAF8.

IMAGERY
Imagery consists exclusively of ultra-crisp, naturally saturated, studio-lit food and botanical assets. Fruits, vegetables, jams, and juices are presented without distracting synthetic packaging, featuring vivid reds, oranges, and greens with soft natural contact shadows. Flat vector clip-art or heavily filtered lifestyle photography is strictly off-brand.

SIGNATURE DETAIL — the thing that makes this design itself
The harmonious transition from the pale sage hero header (#EBF4EE) directly into an elevated, curved white trust-badge island that bisects the hero and the category carousel. This creates an organic physical layered effect, signaling freshness and verified quality before any product lists are shown.

MUST
- Use lush, hyper-realistic, isolated photography of fresh produce with gentle cast shadows.
- Keep CTA buttons compact with 8px corner radii and filled in deep forest green #3B6143.
- Pair deep charcoal headings (#1E2620) with muted leaf green (#4D7F54) highlights.
- Wrap multi-feature value propositions into clean white cards with 20px-24px rounded corners.

AVOID
- Never use neon or synthetic greens; stick strictly to organic sage, olive, and forest tones.
- Do not use dark backgrounds for product packshots; keep backdrops pure white or pale sage #F8FAF8.
- Avoid harsh black drop shadows; keep elevation soft with rgba(0,0,0,0.04) blur.
- Do not crowd category items without at least 12px breathing room between icon tiles.

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.