Nordic Atelier Commerce

The canvas is structured around a subtle off-white base (#F9F9FB) that yields complete visual prominence to 3D furniture renders. High-contrast typography relies on near-black (#111827) for bold headings and muted slate (#6B7280) for technical descriptors, with color reserved almost exclusively for utility badges like the muted peach pill (#FFF1EE) and the notification badge (#E5604E). Surfaces employ gentle, generous rounding with hero containers featuring a 24px radius and secondary cards at 18px. The eye is pulled first to the dramatic striped Martelli chair on its pale vignette before descending through micro-features to the asymmetric split-card promotional grid. Negative space functions as a structural element, giving every furniture cutout breathing room equivalent to an upscale gallery catalogue.

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: an airy scandinavian showroom framing high-concept furniture through soft neutral plinths and deep maritime navy contrasts.

LAYOUT
The mobile layout adheres to a single-column stacked hierarchy of self-contained rounded modules. It flows from header utility to a 340px hero showroom showcase, steps down into a 4-column micro-trust array, transitions through a 50/50 promo bento section, and concludes with a horizontally-scrolling category tray. Vertical pacing remains tightly synced to an 8px grid with 20px outer gutters.

PALETTE (use these exact hex values)
- #F9F9FB — Gallery Canvas: ambient background framing floating modular containers across the entire mobile view
- #FFFFFF — Plinth White: primary surface for the hero showcase card, badge buttons, and category chips
- #F3F4F6 — Subtle Ash: background for trust badge icon containers and secondary promo card surfaces
- #1E2F4D — Deep Maritime: deep contrast container for the jet cleaning promotional card and primary CTAs
- #111827 — Charcoal Black: primary product titles, section headers, and high-emphasis interface typography
- #6B7280 — Muted Slate: secondary body descriptions, trust subtext, and unselected control elements
- #FFF1EE — Warm Peach: tinted background for curated selection tags like Designer Pick
- #D96B43 — Terracotta Rust: accent text for designer curation tags and cart notification pills

TYPOGRAPHY
Typeface Plus Jakarta Sans (or Inter, SF Pro Display), weights 400/500/600/700. Sizes 10px caption, 12px body-sm, 13px body, 15px body-lg, 17px subheading, 20px heading, 26px display. Tracking -0.02em for headings, 0 for body. The type language is architectural, silent, and Scandinavian. A clinical, geometric neo-grotesque sans-serif sets a tone of objective craftsmanship, while the solitary high-contrast serif logo introduces heritage atelier authority. Inter or SF Pro Display can easily stand in for Plus Jakarta Sans without losing character.

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

DEPTH
Depth is achieved through floor contact drop-shadows on photorealistic furniture models rather than UI surface drop-shadows. Cards float over the #F9F9FB ground using pure contrast between surface white (#FFFFFF) and muted canvas tone. A faint ambient shadow (blur 20px, spread 0px, opacity 0.04) separates the hero card from the viewport canvas.

IMAGERY
Studio-grade product photography rendered in isometric and three-quarter angles on pure transparent backdrops. Furniture silhouettes emphasize sculptural forms—graphic stripes, matte blue finishes, and spun chrome bowls. Lifestyle contextual photography is entirely banned; products must appear as curated gallery artifacts.

SIGNATURE DETAIL — the thing that makes this design itself
The dual-tone asymmetric bento banner: pairing an opaque deep maritime navy card holding a high-spec industrial product against a chalk-white minimalist stool card, balancing technical performance against residential elegance.

MUST
- Isolate all furniture products cleanly on transparent backgrounds with realistic ground drop shadows.
- Use pill-shaped containers (radius 999px) for primary high-intent action buttons.
- Maintain a generous 20px minimum margin between edge-of-screen and primary content cards.
- Limit serif typography strictly to the brand wordmark to preserve modern architectural clarity.

AVOID
- Never apply harsh black borders or heavy box-shadows to content cards.
- Do not use full-width flat color banners; cards must always float with visible canvas gaps.
- Never use brightly saturated primary colors for CTA buttons; stick to deep navy #1E2F4D.
- Do not crowd furniture renders against text; leave at least 40% card area for imagery breathing room.

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.