Curated Atelier

The screen uses a pristine off-white canvas at #FAFAFA that allows high-key studio grey photography (#DDE2E6) to blend smoothly into mobile viewports. Color is deployed with surgical restraint: near-black #111315 commands titles and hierarchy, while a dusty terracotta #D66853 is reserved strictly for micro-anchors like category tags and structural dashes. Typography balances a sturdy neo-grotesque sans across a dynamic scale, jumping from 13px calendar metadata to a bold 56px numeric display. All visual containers enforce a consistent 24px border radius, giving photography a soft, pebble-like contour. A reader immediately notices the hero layout where a crisp #FFFFFF content container overlaps the bottom half of the lookbook image with 20px internal padding. The entire rhythm feels curated and patient, echoing an independent fashion print magazine.

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 studio fashion editorial paced with generous white margins and quiet terracotta accents.

LAYOUT
The page follows an asymmetrical mobile rhythm starting with a fixed utility top bar with 40px icon controls. The upper third is occupied by a large 380px tall hero card holding an overlapping bottom title card. A single paragraph of editorial prose resets the cadence before alternating into smaller rounded image modules and typographic index callouts.

PALETTE (use these exact hex values)
- #FAFAFA — Canvas Background: Global application background beneath scrollable cards and text blocks
- #FFFFFF — Card Surface: Floating content card backgrounds and circular navigation icon buttons
- #DDE2E6 — Studio Neutral: Photographic backdrop tone filling all fashion card containers
- #111315 — Carbon Black: Primary headings, display numerals, top bar titles, and active notification badges
- #686E78 — Slate Neutral: Editorial body copy, publication dates, and inactive utility icons
- #D66853 — Terracotta Coral: Category badge fill and decorative divider rule beside the feature counter

TYPOGRAPHY
Typeface SF Pro Display (or Inter, Neue Haas Grotesk, Roboto), weights 400/500/600/700. Sizes 11px caption, 13px body-sm, 15px body, 18px subheading, 26px heading, 56px display. Tracking -0.03em for display, 0 for body. The typography is clean, architectural, and restrained, speaking in the confident cadence of contemporary independent lifestyle publications. SF Pro Display or Inter in heavy weights brings bold structure to display numerals, while medium and regular weights give metadata and prose a balanced, timeless presence. No display serif is needed; scale and white space create the elegance.

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

DEPTH
Depth is expressed through physical overlapping rather than blur shadows. The white foreground text block sits atop the lower portion of the hero card, creating layered dimension purely through silhouette and color blocking. Circular navigation controls appear flat against the canvas with hairline separation.

IMAGERY
Photography consists of pristine studio fashion shots isolated on seamless light grey cycloramas (#DDE2E6). Models wear minimal apparel with burgundy and leather accents, seated on clean white wooden stools. Busy outdoor shots or saturated multi-color environments are strictly off-brand.

SIGNATURE DETAIL — the thing that makes this design itself
The white floating text box partially docked inside the lower center of the hero image container with matching 24px border radiuses. It tethers editorial narrative directly into the visual field without muddying photography with direct text overlays. It is ruined if detached into an independent full-width block or rendered translucent.

MUST
- Keep photographic backgrounds color-matched to light cool grey #DDE2E6 for uniform continuity.
- Enforce a uniform 24px corner radius across all imagery and feature containers.
- Limit the terracotta #D66853 tone strictly to small categorical chips and hairline accents.
- Overlay the primary hero white card over the lower 35% of the portrait image container.

AVOID
- Do not introduce sharp 0px or small 4px corners on image containers.
- Do not apply heavy drop shadows; cards rely entirely on contrast and surface overlap.
- Do not use saturated brand primary colors in place of the muted terracotta tone.
- Do not place body copy inside full-width bordered or enclosed boxes.

OUTPUT
Render as a clean, pixel-crisp UI design at roughly 1728: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.