Verdant Prestige

Designed for ultra-premium executive transit, the canvas is anchored on a pure white (#FFFFFF) ground complemented by soft organic container backdrops (#F6F9F8). Deep spruce green (#173831) establishes a commanding visual hierarchy, serving as the primary anchor for wordmarks, headlines, and call-to-action pill buttons. Contrast is kept deliberate yet calm: secondary typography relies on a desaturated mineral slate (#70817E), avoiding harsh pure blacks. Key structural shapes feature generous 20px to 24px border radii, paired with signature pale sage domes (#E8F0EC) behind vehicle cutouts to softly anchor photography without hard rectangular frames. Service cards balance compact vertical hierarchy with 40px circular icon chips, a signature 16px forest accent rule, and micro-chevrons. A reader immediately notices the frictionless luxury feel: uncluttered whitespace, graceful car silhouettes, and authoritative 999px pill buttons.

1 张设计参考图

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

完整提示词

Design a light-mode mobile app interface screen: refined sanctuary mobility rendered in deep forest tones, sculpted curves, and silent white space.

LAYOUT
The mobile viewport follows a strict single-column rhythm with 20px outer gutters. Content flows logically from the utility top bar into an expansive hero slide, followed by pagination pips, a three-card horizontal service category strip, a welcome banner module, and finally categorized section listings.

PALETTE (use these exact hex values)
- #FFFFFF — Canvas White: Primary screen background and card interior fill
- #173831 — Spruce Green: Primary CTAs, crest logo, hero headlines, and active pagination indicators
- #122421 — Deep Mineral: High-emphasis titles and section headings
- #E8F0EC — Sage Mist: Curved arch backdrops behind featured cars and icon chip backgrounds
- #70817E — Mineral Slate: Secondary copy, service descriptions, and vehicle metadata
- #EAEFEF — Soft Border: Hairline strokes on category cards and nested panels
- #DFE6E3 — Muted Dot: Inactive carousel pagination pips

TYPOGRAPHY
Typeface Plus Jakarta Sans (or Outfit, Urbanist, Inter), weights 400/500/600/700. Sizes 11px caption, 13px body-sm, 14px body, 16px body-lg, 20px subheading, 26px heading, 32px display. Tracking -0.02em at display, 0.01em at caption. Plus Jakarta Sans delivers an immaculate blend of corporate authority and contemporary warmth. The heavy display weights convey reliability and luxury, while airy lowercase body tracking keeps the UI readable at small scales. System falls back seamlessly to Inter or Urbanist.

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

DEPTH
Depth is created purely through layered surface fills and hairline borders rather than heavy drop shadows. Vehicle imagery subtly overlaps tinted backdrop arches, creating a natural spatial foreground effect without skeuomorphic gradients.

IMAGERY
Studio-grade side-profile photography of premium German executive sedans, professionally silhouetted and clipped. Imagery must feature clean reflections, neutral metallic paint (silver, pearl white, obsidian), and must sit neatly over organic circular or arched tints without distracting realistic backgrounds.

SIGNATURE DETAIL — the thing that makes this design itself
The asymmetric car cutout floating in front of a soft sage curved dome backdrop (#E8F0EC), anchored alongside bold spruce typography and fully rounded pill buttons. This motif breaks rectangular mobile monotony without sacrificing executive elegance.

MUST
- Always pair studio automotive cutouts with soft sage (#E8F0EC) arched shapes.
- Use pill-shaped (#173831) buttons with 999px border radius for all primary actions.
- Maintain generous padding (minimum 16px) inside all content cards.
- Include the small 16px spruce rule below category icons for brand continuity.

AVOID
- Do not use sharp 0px corners anywhere; maintain minimum 20px card radius.
- Never introduce saturated bright greens, golds, or harsh black (#000000) surfaces.
- Avoid square or rectangular photo frames for vehicles; always silhouette over soft organic curves.
- Do not omit the directional arrow icon from the main hero booking button.

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.