Botanical Epicure

The canvas rests on an ultra-soft warm stone off-white (#F9F9F8) that mimics an art-directed kitchen editorial surface. Vibrant, studio-lit botanical photography spills organically from the left edge, balanced by generous typographic breathing room on the right. Hierarchy relies on rich deep ink (#1E252D) for prominent titles paired with an earthy coral terracotta (#E56B55) for accents, category intros, and call-to-actions. Secondary surfaces emerge as crisp pure white cards (#FFFFFF) sporting generous 24px corner radii and diffused, gentle multi-layer shadows (0 12px 32px rgba(0,0,0,0.06)). Micro-interactions feature subtle pill badges and tactile floating icon cutouts nested within photo cards. A reader first notices the vivid, deconstructed citrus and blueberry photography anchoring the top hero block.

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: sunlit marble countertop staging vibrant organic ingredients with soft, tactile editorial refinement.

LAYOUT
The screen follows an editorial magazine flow starting with an unconstrained tabletop hero section where cut-out food imagery bleeds off the left margin while brand copy stacks comfortably on the right. Below the carousel dots, an expansive white card introduces the brand story with an integrated micro-mosaic of images and chef signature. The bottom half transitions to an 'Explore' section header with a 'View all' link, followed by a horizontal row of rounded cards pairing top-down dish photography with floating category badges.

PALETTE (use these exact hex values)
- #F9F9F8 — Canvas Alabaster: App background canvas providing an organic, warm editorial foundation
- #FFFFFF — Pure Plate White: Elevated card backgrounds, badge discs, and floating overlay surfaces
- #E56B55 — Terracotta Coral: Primary action button, eyebrow accents, and highlighted brand touchpoints
- #73956F — Herb Sage: Botanical motif icon and secondary health-oriented subheadings
- #1E252D — Midnight Ink: Hero display headlines, section headers, and high-contrast typography
- #6C727A — Parchment Charcoal: Secondary descriptors, subtitle copy, and editorial paragraph text
- #3A67D8 — Cobalt Link: Inline navigation links such as 'View all' with chevron

TYPOGRAPHY
Typeface Plus Jakarta Sans (or Outfit, DM Sans, Inter), weights 400/500/600/700. Sizes 11px caption, 13px body-sm, 14px body, 16px body-lg, 20px subheading, 26px heading, 44px display. Tracking -0.03em at display, 0.01em at body. The typographic tone is fresh, modern, and epicurean, powered by a friendly yet structured geometric sans-serif (Plus Jakarta Sans match). Tight negative letter-spacing on display headlines conveys artisanal confidence, while airy uppercase subheadings with leaf iconography communicate wellness and organic purity. A fluid, authentic handwritten cursive signature provides personal human warmth and culinary authorship.

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

DEPTH
Depth is created using gentle culinary lighting and layered physical objects rather than heavy digital elevations. Large cards cast ultra-soft, wide-dispersion shadows (0 14px 36px rgba(0,0,0,0.04)), while floating thumbnail overlays and circular icon badges employ tighter, distinct contact shadows (0 6px 16px rgba(0,0,0,0.1)) with crisp 3px white borders simulating physical cards placed on paper.

IMAGERY
Photography consists of top-down flat-lays of fresh, vibrant raw ingredients (grapefruits, sliced lemons, fresh mint, wild blueberries) and rustic plated culinary dishes on textured slate or dark ceramic tableware. Lighting is natural, warm, and sun-drenched with realistic soft contact shadows. Stock illustration, vector graphics, or commercial neon-colored food imagery are strictly off-brand.

SIGNATURE DETAIL — the thing that makes this design itself
The layered 'chef table' hero motif, where high-res studio cutouts of fresh sliced citrus and loose blueberries naturally bleed across the top edge directly onto the canvas, seamlessly paired with an overlapping dual-photo mosaic card and authentic cursive signature below. This treatment immediately separates the app from typical digital menus, evoking a physical culinary lookbook.

MUST
- Ground all primary cards in crisp pure white (#FFFFFF) against the warm muted alabaster (#F9F9F8) background.
- Use organic tabletop photography featuring cut fruit, berries, and artisanal culinary dishes with natural shadows.
- Maintain generous 24px corner radii on large cards and 18-20px on embedded photo thumbnails.
- Use the terracotta coral (#E56B55) sparingly for primary CTA buttons and select headline accents.

AVOID
- Do not use sharp 0px corners or harsh borders; all bounding shapes must feel smooth and pebble-like.
- Never apply saturated primary colors like standard blues or greens as main call-to-action fills.
- Do not isolate food photos inside harsh rectangular grids without soft rounded clipping and lifestyle staging.
- Avoid flat, clinical white backgrounds; the main canvas must carry a warm, linen or stone cast (#F9F9F8).

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