Atelier Sand

A warm-minimalist e-commerce interface built on an organic bone-white canvas (#FAF8F5) that swaps sterile digital white for architectural plaster. Visual hierarchy is established through elegant editorial typography and muted earthy contrast rather than bright saturated accents. Headlines employ an expressive, high-contrast serif while micro-copy, prices, and navigation rely on an understated neutral sans-serif. Structural elements use gentle, generous corner rounding (16px to 24px) paired with pill-shaped interactive anchors (999px radius). The interface prioritizes quiet luxury through generous breathing room, seamless neutral card backgrounds (#EFECE6), and subtle grounded tones like deep olive (#616345) and oxblood (#5E2729).

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 scandinavian showroom elegance balanced with tactile warm plaster and restrained olive accents.

LAYOUT
The mobile view follows a disciplined vertical hierarchy: navigation header, hero promotional banner, trust feature bar, section header with 'See All' action, horizontal product carousel, and closing deal banner. Horizontal margins are rigidly maintained at 16px to 20px, with consistent 20-24px vertical gaps between structural blocks.

PALETTE (use these exact hex values)
- #FAF8F5 — Canvas Stone: dominant screen background creating a soft, warm paper canvas
- #F2EFEB — Plaster Tint: hero card and trust strip container surface
- #EFECE6 — Bone Card: product card container backgrounds providing soft contrast against canvas
- #242220 — Smoked Charcoal: deal of the day dark highlight card and primary typography color
- #616345 — Olive Herb: primary call-to-action button and active notification pill fill
- #5E2729 — Oxblood Burgundy: hero floating price circle badge and timer highlight
- #7C7871 — Muted Slate: secondary body descriptions, rating counters, and subtle labels
- #C8943D — Ochre Star: review score star icons

TYPOGRAPHY
Typeface Cormorant Garamond (or Playfair Display, Freight Text, New York), weights 400/500/600. Sizes 11px caption, 12px body-sm, 14px body, 16px body-lg, 18px subheading, 22px heading, 36px display. Tracking -0.01em at display, 0.02em at small headings. The typography exudes editorial refinement and architectural serenity. The pairing of a literary serif for headings with a calm, neutral geometric sans conveys quiet luxury and Scandinavian curation. Cormorant Garamond or Playfair Display can serve as web-safe substitutions without sacrificing elegance.

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

DEPTH
Depth is communicated purely through subtle shifts in surface warmth and tonal value rather than harsh drop shadows. Hero items and product cards sit on pale warm stone surfaces that separate gently from the base background. The only notable elevation cues are soft contact shadows directly beneath isolated product photography cutouts.

IMAGERY
Photography consists of studio cutouts of minimalist homeware and wooden furniture paired with natural elements like dried foliage and botanical branches. Lighting is soft, directional, and sun-drenched, evoking Scandinavian morning light. Busy lifestyle photography with cluttered backgrounds is strictly avoided.

SIGNATURE DETAIL — the thing that makes this design itself
The juxtaposition of architectural warm-plaster cards with organic studio cutouts, punctuated by a deep oxblood circular price callout and an earthy olive pill button. This specific combination of serif elegance, warm bone surfaces, and subdued botanical hues creates an instant sense of tactile Nordic home living.

MUST
- Use warm off-white plaster tones (#FAF8F5) for the background rather than pure #FFFFFF.
- Pair high-contrast editorial serifs for titles with clean, unpretentious sans-serif for operational text.
- Reserve deep olive green (#616345) strictly for primary conversion buttons and active indicators.
- Enclose all product imagery within seamless cutouts set against soft neutral surface tiles (#EFECE6).

AVOID
- Do not introduce cool bluish greys or stark black borders anywhere in the interface.
- Never use sharp 0px corners on interactive buttons or content panels.
- Avoid bright saturated neon accents; keep all accent tones grounded in nature (olive, oxblood, ochre).
- Do not use heavy drop shadows; rely on surface tone differences for visual separation.

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.