Modus Noir Luxury

The interface operates on an ultra-dark canvas anchored by #07090E, conveying upscale luxury furniture retail through subtle tonal layering. Card containers use dark muted charcoal gradients (#171A21) with generous 24px border radii, softly separated from the deep background without harsh borders. Chromatic accenting is strictly contextual: a warm muted olive green (#547535) commands active navigation states, primary buttons, and hero highlights, while deep sapphire navy (#0D172A) isolates promotional sale panels. Typography relies on clean geometric sans-serif styling with prominent letter-spacing on the brand mark and bold, high-contrast white headlines (#FFFFFF). Readers immediately register the studio photography of designer furniture emerging from atmospheric dark shadows, framed by generous negative space and pill-shaped interactive anchors.

1 张设计参考图

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

完整提示词

Design a dark-mode mobile app interface screen: an obsidian showroom illuminated by selective olive glow and pristine studio staging.

LAYOUT
Mobile single-column stack with 20px horizontal screen margins. Layout flows vertically: top header bar (56px) -> featured hero carousel card -> horizontal category icon scroller -> promo banner card -> 'Shop by Collection' header with trailing link -> multi-column collection photo carousel.

PALETTE (use these exact hex values)
- #07090E — Obsidian Ground: Deepest primary screen background behind all scrollable cards and headers
- #171A21 — Charcoal Surface: Background fill for the hero carousel container and icon buttons
- #0C1527 — Sapphire Night: Gradient base for limited time sale card container
- #5E7E38 — Olive Accent: Primary CTAs, active category border, badge indicators, and active dots
- #FFFFFF — Pure White: High-contrast headings, active icons, and primary typography
- #8E939D — Muted Slate: Secondary copy, descriptive body text, and inactive category labels
- #252B36 — Subtle Outline: Hairline borders on inactive circular category chips and header icons
- #76A743 — Electric Lime Badge: Cart notification badge and highlighted award text

TYPOGRAPHY
Typeface Inter (or Plus Jakarta Sans, SF Pro Text), weights 400/500/600/700. Sizes 11px caption, 12px body-sm, 14px body, 16px body-lg, 18px subheading, 20px heading, 26px display. Tracking -0.01em on headings, 0.25em on wordmark. Clean, understated architectural modernism delivered through a neutral geometric sans-serif. The wide letter-spaced wordmark introduces Scandinavian luxury, while heavy headline weights provide instant commercial hierarchy without needing decorative serif flourishes. Inter or Plus Jakarta Sans perfectly match this balanced functional aesthetic.

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

DEPTH
Depth is created purely via tonal surface stepping and subtle photographic vignettes rather than drop shadows. Cards sit at #171A21 against the #07090E ground, while floating badge pills use slight semi-transparent backing (#00000066) to detach from photograph textures.

IMAGERY
Editorial studio interior imagery featuring subdued ambient lighting, warm oak woodwork, and textured fabrics. Products are staged within moody, minimalist architectural spaces or isolated against black gradient drops. Brightly lit commercial stock photography or saturated daylight scenes are strictly off-brand.

SIGNATURE DETAIL — the thing that makes this design itself
The subtle dual-tone hero cards with furniture organically melting into dark card gradients, highlighted by the restrained olive green (#5E7E38) circular active states and micro-CTAs. Misusing this means substituting the olive with standard high-contrast primary colors or placing boxed cutout photos instead of seamless studio shadows.

MUST
- Use generous 24px corner radii on all main mobile content cards.
- Isolate product photography on smooth black/dark backgrounds that match card tone.
- Reserve olive green (#5E7E38) strictly for active states, primary badges, and key CTAs.
- Keep brand wordmark tracked widely at +0.25em in crisp white capital letters.

AVOID
- Never use pure black #000000; stick to slightly blue-tinted obsidian #07090E.
- Do not add harsh 1px white or bright borders around large display cards.
- Avoid high-saturation neon greens; the primary brand green must remain muted and earthy.
- Never clutter furniture product images with distracting photographic outdoor backgrounds.

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.

在 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.