Earthy Modernist

The interface sits upon a pristine off-white #FFFFFF canvas, relying on micro-borders of #EFEAE4 and muted neutral fills to create gentle depth without heavy drop shadows. Hierarchy is anchored by deep botanical green #1C443A for core brand headers and primary buttons, contrasted against a terracotta peach #DF8D72 accent for editorial italic emphasis. Secondary surfaces use soft tinted circles like #DFECE7 sage and #F6D5C3 blush to differentiate interactive categories without visual clutter. Typography pairs a sturdy geometric sans with expressive editorial serif italics, creating an elevated interior-magazine atmosphere across all scales. Spacing adheres to a clean 8px rhythmic grid with generous 24px exterior gutters and relaxed 16px to 20px card border radii. A viewer immediately registers the curated, tactile warmth of the editorial hero imagery juxtaposed against calm, structured feature tiles.

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: quiet Scandinavian minimalism blending organic clay warmth, airy parchment surfaces, and grounding pine accents.

LAYOUT
The page opens with a tranquil brand bar followed immediately by a prominent full-width promotional hero card. Below, clear section headers lead into modular grid rows: first a balanced 2-column feature split ('Made for you'), followed by a horizontal swipeable rail ('Our services'). Content concludes with a product preview grid peek, preserving a calm vertical cadence without visual tension.

PALETTE (use these exact hex values)
- #FFFFFF — Canvas White: Primary mobile viewport background and base canvas fill.
- #1C443A — Pine Shadow: Anchor brand tone used for headers, primary CTA buttons, and logomark.
- #152924 — Deep Forest Text: High-contrast text for card titles, section headings, and navigation icons.
- #768680 — Muted Sage Text: Body copy, subtitles, secondary labels, and trailing chevron indicators.
- #DF8D72 — Terracotta Blush: Editorial serif italic hero text highlighting craft and bespoke personality.
- #F6D5C3 — Warm Peach Tint: Circular badge background for wishlist and lifestyle action items.
- #DFECE7 — Pale Sage Tint: Circular badge background for personal curation and nature-inspired services.
- #EFEAE4 — Soft Putty Border: Delicate 1px hairline border framing cards and input surfaces.

TYPOGRAPHY
Typeface Plus Jakarta Sans (or General Sans,DM Sans,Inter), weights 400/500/600/700. Sizes 11px caption, 13px body-sm, 15px body, 17px heading, 20px heading-lg, 26px display. Tracking -0.02em at display, 0 at body. The typography speaks with the quiet confidence of an upscale architecture or lifestyle journal. Geometric sans forms ensure effortless legibility in utility areas, while the sudden intrusion of expressive, flowing serif italics injects humanity and artisanal warmth. Premium font pairings like Plus Jakarta Sans and Recoleta evoke bespoke craftsmanship; fallback options like DM Sans and Playfair Display maintain the same rhythm.

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

DEPTH
Depth is achieved almost entirely flat through 1px hairline borders (#EFEAE4) and subtle atmospheric tonal shifts. Layering relies on content nesting, like circular color badges resting on clean white cards over a stark canvas. Heavy blurred drop shadows are deliberately avoided to maintain an airy, print-editorial aesthetic.

IMAGERY
Photography embraces high-key Scandinavian living spaces filled with natural daylight, fluted light-oak furniture, linen sofas, and fresh botanical clippings. Compositions feel intentional, minimal, and aspirational without looking clinical. Dark, high-contrast, heavily filtered, or cluttered images are strictly off-brand.

SIGNATURE DETAIL — the thing that makes this design itself
The defining signature is the editorial headline formula: pairing crisp geometric sans display type with warm, italicized terracotta serif accents ('quality & care.'). This bridge between modern interface design and artisanal interior cataloging instantly signals tactile craftsmanship. Misusing it across every heading will dilute its luxury; it must remain reserved exclusively for primary hero titles.

MUST
- Pair geometric sans headers with an editorial serif italic accent word for warm editorial resonance.
- Use delicate 1px borders (#EFEAE4) instead of heavy drop shadows for card containers.
- Limit vivid color purely to circular badge backgrounds and tiny accent notifications.
- Maintain consistent 20px horizontal margins from the screen edge on mobile displays.

AVOID
- Do not introduce harsh drop shadows or high-elevation multi-layered cards.
- Avoid fully saturated primary colors like cobalt blue, bright red, or neon green.
- Do not set long multi-sentence paragraphs in the serif italic accent style.
- Never drop card border radii below 14px; soft organic contours are mandatory.

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.