Curated Habitation

The canvas is set on an ultra-warm alabaster surface (#FBF9F5) that feels tactile like handmade paper rather than stark digital white. Color operates as an emotive guide: deep slate (#1E2024) anchors typographic authority, while vibrant terracotta (#EE6B56) highlights conversational headline stems and primary actionable buttons. Lower-level navigation switches to a harmonious pastel taxonomy featuring cornflower blue (#5B9BE6), lavender (#998ED7), and sage olive (#87A37B) across category tiles and room cards. Radii are consistently generous at 18px to 22px for cards and 12px for interactive buttons, lending an inviting architectural softness. Readers immediately register the arched lifestyle photography overlapping editorial display serif headings scaled at 36px.

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: sun-drenched terracotta warmth pairing editorial serif headlines with modular pastel utility for refined interior discovery.

LAYOUT
The mobile layout follows a top-down narrative progression. It begins with minimalist status and navigation utilities, descending immediately into an asymmetrical hero section featuring text left and an arched cutout right. Directly below lies a 4-column utility icon strip, followed by a 'Shop by room' horizontally scrolling carousel with integrated bottom badge headers, leading into an editorial secondary promo card.

PALETTE (use these exact hex values)
- #FBF9F5 — Alabaster Ground: Primary mobile canvas background creating an organic, gallery-like ambience
- #FFFFFF — Pure Studio White: Background for floating category tiles and elevated card elements
- #F3EDE4 — Warm Sand: Background fill for lower promotional hero banners and architectural arch masks
- #EE6B56 — Terracotta Flame: Primary CTA button fills, active carousel indicators, and highlighted headline phrasing
- #1E2024 — Charcoal Slate: Primary titles, display headlines, and high-contrast iconography
- #75726D — Muted Truffle: Descriptive body copy, category labels, and secondary metadata
- #5B9BE6 — Cornflower Slate: Bedroom card footer banner and product category icon tone
- #998ED7 — Periwinkle Mist: Home office card footer and bookmarks category badge color
- #87A37B — Sage Laurel: Dining category footer and curated looks icon highlight

TYPOGRAPHY
Typeface Playfair Display (or Editorial New, Georgia, DM Serif Display), weights 400/600. Sizes 11px caption, 13px body-sm, 14px body, 16px body-lg, 20px subheading, 24px heading, 36px display. Tracking -0.02em. The typography conveys cultured domestic ease and modern craftsmanship. The high-contrast serif feels authoritative yet warm, reminiscent of modern lifestyle periodicals like Kinfolk or Cereal. The clean sans-serif handles information density with crisp neutrality, ensuring functional clarity without stealing attention from room photography.

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

DEPTH
Depth is created through layered architectural planes rather than aggressive drop shadows. Surfaces employ extremely soft, low-opacity warm ambient shadows (0 4px 16px rgba(180, 160, 140, 0.08)) under white tiles. Foreground furniture photography frequently breaks visual planes over tone-on-tone background arches to simulate tactile physical rooms.

IMAGERY
Photography is warm-toned, naturalistic, and immaculately styled with Scandinavian and Japandi interior design elements. Scenes highlight tactile textures such as bouclé, ribbed timber, linen, and ceramic ceramics illuminated by warm diffused window daylight. Hard flash, neon lighting, or cluttered wide-angle shots are strictly prohibited.

SIGNATURE DETAIL — the thing that makes this design itself
The design's signature element is the dual-tone serif headline ('Design ideas' in charcoal / 'for every room' in terracotta) nestled directly against an architectural arch-framed furniture photo cutout. Removing this combination would immediately degrade the experience from a high-end interior magazine feel into a generic e-commerce app. It must always combine both typographic colors and an arched image mask.

MUST
- Highlight key headline verbs and adjectives in terracotta (#EE6B56) while keeping the lead line in slate (#1E2024).
- Use soft architectural arch masks for primary interior photography to create spatial depth.
- Pair high-contrast editorial serifs for titles with neutral geometric sans-serif for functional metadata.
- Enclose room card badges with distinct pastel-saturated footers matched to their specific room theme.

AVOID
- Do not use pure black (#000000); always opt for deep charcoal slate (#1E2024) to avoid harshness.
- Never use sharp 90-degree corners on cards, badges, or buttons.
- Avoid cold blue or stark clinical grey backgrounds; always adhere to warm cream tints.
- Do not render small utility body text or captions in serif typefaces.

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.