Artisan Living

This interface pairs high-end Nordic interior aesthetics with an editorial editorial-commerce layout. The canvas is defined by an off-white warm neutral backdrop (#F9F8F6) supporting soft ivory-tinted card modules (#F4F3EF). Deep oxblood (#5E1D22) provides rich tactile contrast in primary callouts and key interactive moments, while muted sand-gold (#A88B63) acts as an understated secondary label tone. Typography relies on a refined, high-contrast transitional serif for headlines, paired with a crisp neutral sans for utility copy, search, and numeric pricing. Generous card corner radii (16px to 20px) soften the modular grid, and product cards utilize subtle edge borders with no harsh drop shadows. The top hero card commands immediate attention with an architectural interior vignette overlaid by elegant headline copy and pill pagination.

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: sculptural modern interiors meet warm editorial serif elegance on soft alabaster canvases.

LAYOUT
Structured around an 8pt mobile grid with 16px horizontal margins. The rhythm cascades from a utilitarian header into a dominant full-width hero visual, followed by an asymmetrical editorial bento grid (one tall card beside two stacked landscape cards), leading down to a horizontal product carousel with standard card widths (~150px).

PALETTE (use these exact hex values)
- #F9F8F6 — Alabaster Background: Global application viewport backdrop behind modules and scroll containers
- #F4F3EF — Warm Sand Card: Background fill for editorial category promo blocks
- #FFFFFF — Card Pure White: Background for product cards, search bar container, and badges
- #5E1D22 — Oxblood Primary: Primary interactive hero button fill and cart badge counter background
- #A88B63 — Warm Ochre Subtitle: Curated category subtitles, hero overline text, and rating stars
- #1C1B1A — Charcoal Espresso: Primary headlines, section titles, item titles, and icons
- #757473 — Muted Slate Gray: Hero subtitle, search placeholder, struck-through prices, and nav text
- #EFECE6 — Card Subtle Border: Hairline boundary stroke for product cards and input outlines

TYPOGRAPHY
Typeface Playfair Display (or Cormorant Garamond, Freight Text, Libre Baskerville), weights 400/500/600. Sizes 11px caption, 12px body-sm, 13px body, 14px body-lg, 16px subheading, 20px heading, 28px display. Tracking -0.015em on headings, 0.05em on small caps. The typography balances heritage luxury and Scandinavian modernism. Playfair Display delivers literary elegance, high stroke contrast, and bespoke warmth in headlines, while Inter guarantees ultra-legible clarity at dense sizes for prices, search input, and metadata. Substitute freely with Cormorant Garamond or Freight Text for headline treatments.

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

DEPTH
Depth is created primarily through tonal layering (canvas #F9F8F6 under cards #FFFFFF and #F4F3EF) rather than heavy drop shadows. Product cutouts utilize organic, rendered ground contact shadows directly beneath furniture legs to anchor items realistically in space. The search bar and cards utilize subtle 1px border boundaries (#EFECE6) with negligible blur.

IMAGERY
Photography consists of warm, architectural interior sets filled with natural sunlight, minimalist furniture arrangements, and realistic soft shadows. Product visuals are crisp 3D or studio cutouts placed against neutral backgrounds with preserved natural floor ambient occlusion. Stock lifestyle photography with human figures or busy patterns is deliberately avoided.

SIGNATURE DETAIL — the thing that makes this design itself
The asymmetric editorial category split: placing a tall vertical lookbook card alongside two horizontally stacked studio cards, each housing crisp isolated furniture cutouts over soft bone-beige (#F4F3EF) panels. To implement correctly, keep background tones uniform and align typography flush left with subtle arrow links.

MUST
- Use warm alabaster (#F9F8F6) rather than pure clinical white (#FFFFFF) for the primary application canvas.
- Isolate furniture and decor imagery with realistic floor contact shadows on transparent or tonal cutouts.
- Reserve deep oxblood (#5E1D22) strictly for primary call-to-action buttons and notifications.
- Pair high-contrast transitional serif headlines with clean, neutral sans-serif UI elements.

AVOID
- Never apply harsh black drop shadows; rely on subtle tone-on-tone borders (#EFECE6) and faint ambient diffusion.
- Avoid bright saturated blues, greens, or primary accent tones that clash with warm ochre and oxblood.
- Do not set UI microcopy, pricing numbers, or search text in the serif display face.
- Do not allow product cutout photos to touch card edges without intentional bottom grounding.

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.