Verdant Pantry

The canvas is anchored on an immersive charcoal-olive base (#131513) creating a quiet, nocturnal cellar aesthetic that elevates vibrant food photography. Color serves strictly functional and hierarchy purposes: brand botanical green (#85B055) draws the eye to value propositions, active states, and wellness badges, while high-contrast crisp white (#FFFFFF) commands immediate text legibility. Category navigation relies on circular masked vignettes (radius 999px) with subtle tonal backdrops, creating approachable tactile touchpoints. Product cards and hero containers adopt disciplined rounded rectangles (16px to 22px border radius) framed by whisper-thin borders (#272B28). A customer immediately registers the dark, moody still-life hero banner before transitioning through a horizontal category rail and a four-pillar trust matrix. The interface balances high-end culinary editorial with rapid mobile-commerce ergonomics.

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: deep earthen dark mode luxury grocery with radiant botanical greens and photorealistic garden-fresh produce.

LAYOUT
The interface operates on a single-column mobile viewport with fixed 16px horizontal margins. Flow descends logically from header utilities to delivery context, followed by an expansive featured carousel, category roundels, a reassuring four-segment trust grid, and concluding in horizontal-scrolling product shelves. Rhythm is paced with uniform 24px vertical gaps between structural modules.

PALETTE (use these exact hex values)
- #131513 — Earthy Charcoal Canvas: Deepest primary screen background behind all scrollable modules and status headers.
- #1D201E — Cellar Card Surface: Background fill for the hero banner, trust badge container, and individual product cards.
- #2B302C — Vegetal Stroke: Delicate boundary outlines on cards, circular category bubbles, and trust grid separators.
- #85B055 — Sprout Green: Brand icon mark, headline highlight 'Live Well.', active pagination dots, and category iconography.
- #FFFFFF — Chalk White: Primary product titles, hero display titles, cart counters, and pill button surfaces.
- #8E948D — Muted Moss Text: Sub-captions, auxiliary descriptions, secondary delivery location text, and inactive metadata.
- #E0A83A — Harvest Star Gold: Five-star customer review indicators across catalog product thumbnails.

TYPOGRAPHY
Typeface Plus Jakarta Sans (or Inter,SF Pro Display,Outfit), weights 400/500/600/700. Sizes 10px caption, 12px body-sm, 14px body, 16px body-lg, 18px subheading, 26px display. Tracking -0.02em for display headlines, 0 for body text. Plus Jakarta Sans delivers a contemporary, clean, and premium organic feel with tall x-height and open apertures. It eschews clinical tech austerity in favor of warm, readable clarity across miniature pricing and dense trust labels. If substituting, Inter or SF Pro Display preserve the balance of clean structure and legibility.

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

DEPTH
Depth is strictly achieved through surface luminosity grading rather than heavy drop shadows. Layer 0 (#131513) sits furthest back, while Layer 1 surfaces (#1D201E) rise forward via 1px border illumination (#2B302C) and dark-to-light card fills. Floating circular action icons (such as favorite hearts) utilize darker circular backplates with low-opacity dark ambient diffusion.

IMAGERY
Photography adopts a rustic, moody Dutch still-life aesthetic with deep shadows, rich natural colors, and glistening organic textures. Produce is shot on dark slate, raw wood, or dark earth, allowing vibrant reds, greens, and root tones to pop cleanly against the UI. Flat cartoonish vector illustrations are strictly avoided in favor of tactile, hyper-realistic food photography.

SIGNATURE DETAIL — the thing that makes this design itself
The dual-tone headline typography paired with the dark-vignetted organic still-life hero banner ('Farm Fresh.' in pure white alongside 'Live Well.' in sprout green). This instant visual anchor establishes an artisanal, premium farm-to-table mood. Misusing it by placing flat non-photographic backgrounds or single-color plain headings destroys the bespoke gourmet atmosphere.

MUST
- Use deep forest-charcoal (#131513) rather than pure neutral #000000 to retain organic warmth.
- Pair rich high-contrast food photography with dark vignette fades into card backgrounds.
- Highlight key verbs and biological keywords using botanical green (#85B055).
- Keep hairline borders at 1px thickness with low-contrast tones (#2B302C) for subtle separation.

AVOID
- Do not introduce bright, sterile white backgrounds on modals or cards.
- Do not use saturated neon lime greens; stick strictly to grounded botanical tones (#85B055).
- Do not remove the subtle 1px border outlines around dark cards, or visual boundaries will blur.
- Do not crowd category circles; provide at least 12px horizontal scrolling gap between items.

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.