Classical Facade Studio

The interface is built on an ultra-warm off-white foundation (#FAF7F2) punctuated by a dramatic dark-slate hero block (#2C2B30) that showcases neoclassical cornices and capitals. Hierarchy relies on high-contrast black typography juxtaposed with luminous coral highlights (#EE7356), pulling the eye directly toward conversion points and discounts. Typography uses a geometric neo-grotesque sans-serif with bold display weights, tight line heights (1.15 to 1.25), and subdued secondary text (#7C7876). Shapes are defined by generous rounded radii (20px to 24px) on cards and floating pill containers, establishing an airy, modern mobile cadence. A reader first registers the cutout architectural facade emerging seamlessly from the dark hero container, followed by the glowing 3D promotional gift box. Subtle pastel icon badges (#FDEFEA, #EAF3FB) soften the functional benefit row, maintaining an approachable yet elite atmosphere.

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 neoclassical architecture meets warm mediterranean coral accents in a polished luxury mobile catalog.

LAYOUT
The mobile layout follows a top-down modular stack with 16px screen edge padding. It begins with a hero card encapsulating navigation, positioning copy, and initial CTA, transitioning immediately into a horizontal credential card with four icon columns. Below, an interactive promotional quiz card incentives engagement before opening into a horizontally scrolling catalog preview.

PALETTE (use these exact hex values)
- #2C2B30 — Architectural Charcoal: Deep charcoal background for the hero container, grounding architectural cutout photography
- #FAF7F2 — Canvas Alabaster: Warm off-white base mobile viewport background behind all floating cards and rails
- #FFFFFF — Pure White: Base surface for feature tiles, hamburger floating button, and interactive action circles
- #EE7356 — Terracotta Coral: Primary interactive accent for CTA buttons, keyword highlights, and discount tags
- #FFF3ED — Peach Blush: Delicate warm background wash for the promotional quiz banner container
- #1F1E24 — Charcoal Text: Primary headings and labels on light canvas surfaces
- #7C7876 — Muted Stone: Secondary descriptive copy, bullet items, and subheadings across both light and dark modules
- #EAF3FB — Soft Sky Tint: Background fill for quality shield icon container
- #EEF8F1 — Soft Sage Tint: Background fill for eco leaf icon container

TYPOGRAPHY
Typeface Gilroy (or Inter, Montserrat, TT Norms Pro), weights 400/500/600/700/800. Sizes 11px caption, 13px body-sm, 15px body, 17px body-lg, 18px subheading, 21px heading, 28px display. Tracking -0.02em at titles, 0 at body. The geometric grotesque font (matching Gilroy or TT Norms) feels architectural, sturdy, and highly technical yet modern. Its clean strokes prevent classical decor from appearing dated or baroque, presenting polystyrene molding as advanced structural technology. Cyrillic letterforms maintain open counters and stable x-heights for mobile readability.

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

DEPTH
Depth is created through modular nesting rather than aggressive drop shadows. Deep elevation appears on the floating hamburger button and floating 3D elements (such as the promo gift box) using wide, low-opacity ambient shadows (0 12px 24px rgba(0,0,0,0.06)). Most cards rest flat on the warm cream canvas, distinguished through tone shift and generous corner radii.

IMAGERY
Imagery focuses exclusively on high-end architectural facade moldings, classical pediments, capitals, and interior wainscoting captured in bright, natural daytime lighting. Cutout architectural photos overlay seamless charcoal gradients in the hero card. Low-fidelity renders or hyper-casual lifestyle photography would violate the classical masonry aesthetic.

SIGNATURE DETAIL — the thing that makes this design itself
The distinctive nested pill CTA button combining a terracotta coral fill with an embedded pure-white circular forward-arrow badge. When paired with the half-cutout neoclassical building emerging from the dark charcoal hero card, it forms the design's unforgettable architectural identity.

MUST
- Use coral (#EE7356) strictly for interactive CTA triggers and high-value headline keywords.
- Pair classical neoclassical stone imagery with the dark slate hero surface (#2C2B30) for architectural contrast.
- Keep all card containers consistently curved with a minimum 20px to 24px border radius.
- Embed a white circular icon container inside the primary CTA button for tactile affordance.

AVOID
- Do not use sharp 0px corners or industrial square cards anywhere in this layout.
- Avoid cold grays or stark black (#000000); stay within warm charcoal (#2C2B30) and slate.
- Do not render primary CTAs as standard rectangular buttons without the circular icon glyph.
- Never mix serif typefaces into this system; rely entirely on clean geometric grotesque sans-serif.

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.