Atelier Luminaire

The screen is framed on an off-white, gallery-like canvas (#FFFFFF) structured into generous rounded rectangular cards with an expansive 20px corner radius. Color is deliberately absent as an interface accent; instead, tone is created through warm neutral washes (#F6F5F2, #F8F7F4) and the rich organic materials captured within high-end product photography. Typography is set in a refined geometric sans-serif that shifts between letterspaced uppercase titles and light, rhythmic body copy. Spacing relies on consistent 16px lateral margins with 16px inter-card gutters, maintaining disciplined architectural alignment. The overall visual hierarchy is led first by the heroic soft-lit pendant grouping in the upper banner before descending into an editorial asymmetric two-column masonry grid.

1 张设计参考图

提示词信息
分享者	@Devault
模型	GPT Image 2.5
分类	移动端界面
数据集	stretchcloud · awesome-gpt-image-prompt-2.5

完整提示词

Design a light-mode mobile app interface screen: quiet gallery curation with tactile surfaces and unhurried editorial proportions.

LAYOUT
The interface organizes down a vertical mobile viewport starting with a prominent hero carousel module followed by a staggered 2-column masonry feed. Modules alternate intentionally between full photographic bleeding and text-driven architectural thought containers to establish an editorial magazine cadence.

PALETTE (use these exact hex values)
- #FFFFFF — Canvas White: Base screen backdrop and stark container ground
- #F6F5F2 — Alabaster Tint: Background fill for text quote cards and secondary product showcases
- #111111 — Onyx Black: High-priority uppercase headers, navigational icons, and button glyphs
- #767676 — Granite Grey: Designer credits, body quotes, and pagination indicators
- #C4C2BC — Divider Sand: Decorative hairline rules separating text excerpts from category tags

TYPOGRAPHY
Typeface Futura PT (or Jost, Century Gothic, Montserrat), weights 300/400/500/600. Sizes 10px caption, 12px body-sm, 13px body, 15px subheading, 18px heading, 22px display. Tracking 0.08em for uppercase, 0 for regular sentences. The geometric sans-serif radiates modernist restraint, evoking mid-century Scandinavian furniture catalogues and high-end art monographs. Its sharp geometry contrasts effortlessly with wide tracking in headers and airy line spacing in narrative quotes. Jost or Futura PT serve as exact thematic substitutes.

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

DEPTH
Depth is flattened entirely into planar overlap rather than simulated lighting. Surfaces float via high-contrast white rounded shapes resting gently on light neutral photography or pale tinted backgrounds without blur shadows.

IMAGERY
Studio lighting is soft, diffused, and sculptural, emphasizing tactile matte finishes like ceramic, brushed steel, marble, and linen. Subjects are architectural light fixtures captured in both isolated product renders and serene domestic environments; harsh neon or busy lifestyle scenes are strictly prohibited.

SIGNATURE DETAIL — the thing that makes this design itself
The floating white pill button and circular action nodes nested seamlessly over soft architectural photography and cream-toned panels. This element creates an unmistakable luxury showroom feeling, and is ruined if altered into a standard rectangular button with heavy drop shadows.

MUST
- Use generous letterspacing on all uppercase labels and category markers.
- Enforce a strict 20px border radius on all modular image and content cards.
- Rely on warm-tinted neutral surface fills (#F6F5F2) rather than drop shadows.
- Pair delicate horizontal hairline rules with uppercase metadata blocks.

AVOID
- Do not introduce vivid primary brand colors; the photography carries all chroma.
- Never use heavy, multi-colored, or high-spread drop shadows under cards.
- Avoid sharp right-angled corners on content containers.
- Do not set long editorial text in bold or condensed typefaces.

OUTPUT
Render as a clean, pixel-crisp UI design at roughly 1504:3840. Flat vector rendering, real legible text, no browser chrome, no device mockup frame, no watermark, no lorem ipsum placeholder blocks.

在 DraPub 中尝试

看看同一视觉方向里的其他提示词。

返回提示词画廊

移动端界面设计参考

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.

移动端界面设计参考

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.

移动端界面设计参考

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.

移动端界面设计参考

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.