Bordeaux Atelier

The interface operates on a pristine, warm off-white canvas (#F8F8F9) that allows architectural photography to dominate the upper visual register. Hierarchy is established not through aggressive borders or stark contrast, but via a signature deep bordeaux hue (#701F28) reserved exclusively for active controls, badges, and the primary filter trigger. Typography pairs a literary, high-contrast serif for emotional touchpoints (card titles, section headers like 'Recommended for you') with a discreet, neutral sans-serif for UI labels and metadata. Featured cards embrace dramatic tall aspect ratios with generous 24px corner radii and deep vignette scrims. Micro-interactions rely on floating frosted icon discs and minimal hairline dividers (#ECEBED) that keep the composition airy and unhurried.

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: editorial property curation framed in warm alabaster, deep burgundy velvet accents, and bookish transitional serifs.

LAYOUT
The mobile layout follows a top-down rhythm: utility status bar, followed immediately by an offset search-and-filter header. A horizontally swiping pill strip introduces categorical breathing room before transitioning into a prominent featured carousel with wide aspect ratios and pagination dots. The lower third grounds the flow with an editorial serif section header ('Recommended for you') leading into clean, horizontally divided listing rows.

PALETTE (use these exact hex values)
- #F8F8F9 — Canvas Background: Global application background setting a warm, gallery-like ambience
- #FFFFFF — Pure White: Search bar surface, inactive chips, and floating badge discs
- #701F28 — Bordeaux Brand: Active state pill chip, circular action button, status live pill, and active dot
- #1A1A1E — Ink Primary: Primary headings, title listings, and active high-contrast labels
- #787680 — Muted Slate: Inactive chip labels, search placeholder, uppercase location metadata, and specifications
- #E5E4E8 — Subtle Outline: Inactive filter pill borders and horizontal list row separators

TYPOGRAPHY
Typeface Playfair Display (or New York, Cormorant Garamond, Freight Text), weights 400/500/600. Sizes 10px caption, 12px body-sm, 14px body, 15px body-lg, 18px subheading, 22px heading, 26px display. Tracking -0.01em at display sizes. The voice is that of high-end real estate and architectural publishing—reminiscent of Kinfolk or Architectural Digest. Playfair Display provides a tactile, literary cadence for names and headlines, while SF Pro ensures functional data points like square footage and room counts remain crisp and frictionless. If Playfair is unavailable, New York or Cormorant Garamond are ideal open substitutes.

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

DEPTH
Depth is handled with exceptional softness, eschewing layered card stacking for gentle ambient diffusion. The search bar uses a faint drop shadow (0 8px 24px rgba(0, 0, 0, 0.04)) to float effortlessly over the alabaster canvas. Over photo cards, depth is internal: smooth vertical gradient overlays protect typography without muddying the visual composition.

IMAGERY
Photography focuses on bright, sunlit architectural interiors with natural materials like blonde wood, linen curtains, and lofted industrial steel window frames. Subject matter evokes lived-in luxury and airy open spaces. Low-resolution renders, flat graphic illustrations, or oversaturated commercial stock photos are strictly forbidden.

SIGNATURE DETAIL — the thing that makes this design itself
The juxtaposition of an intimate deep bordeaux (#701F28) circular action button alongside an elongated 24px pill search input, paired with Playfair serif headlines overlaid directly upon vertical loft photography. Misuse occurs when the bordeaux shade is sprayed indiscriminately across icons and non-essential UI elements, eroding its focused, high-value signature punch.

MUST
- Reserve the deep bordeaux (#701F28) exclusively for key interaction focal points and active selection states.
- Pair high-contrast transitional serifs for titles with clean, legible geometric sans-serif for metadata.
- Apply 24px corner radii to primary featured imagery cards to maintain a soft, luxury silhouette.
- Set location meta text in uppercase tracking (0.08em) at 10px to create understated architectural elegance.

AVOID
- Do not use generic vivid blues or saturated reds; the palette relies strictly on muted bordeaux (#701F28).
- Never render secondary specifications (e.g., room counts, square footage) in serif type.
- Avoid sharp 0px or 4px square corners; all surfaces must adhere to minimum 16px to 24px rounding.
- Do not introduce heavy black drop shadows; keep elevation gentle (blur >= 16px, opacity <= 0.05).

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.