Botanical Strategy

This interface uses an ultra-soft off-white backdrop (#F9F8F6 transitioning into crisp #FFFFFF) paired with a deep evergreen primary accent (#1E3A34). Typography is anchored by a sharp modern sans-serif with geometric leanings, using tight display letterforms for headlines alongside breezy, light-slate body text (#5A6864). Spacing is extremely generous, creating an editorial, high-end agency aesthetic that breathes effortlessly. The design relies on subtly tinted card surfaces (#EDF4F3 and #FAF0EB) with generous 20px border radii, paired with minimal iconography housed inside pristine white circular badges. A signature hand-drawn terracotta underline (#E8A590) cuts beneath the main headline, softening the structured typographic grid. Readers immediately notice the photographic plant composition alongside the deep forest-green pill buttons with crisp white circular directional icons.

1 张设计参考图

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

完整提示词

Design a light-mode mobile app interface screen: thoughtful organic minimalism bridging clinical intellect and warm human-centered change.

LAYOUT
The mobile screen initiates with a spacious header containing the brand leaf motif and a secondary pill CTA. The hero block positions an asymmetrical two-column composition with display type on the left and botanical photography gracefully anchoring the right edge. Below, an overlapping white sheet reveals a 'WHAT WE DO' section with a horizontal carousel of 20px rounded cards, terminating in an analytical metric callout card.

PALETTE (use these exact hex values)
- #F9F8F6 — Canvas Sand: Background base layer for the hero section conveying organic warmth
- #ECF3F3 — Card Mist Blue: Tinted background for alternating service and research cards
- #FAF0EB — Card Soft Peach: Tinted background for creative and branding cards
- #FFFFFF — Pure White: Base card sheet surface and nested icon badge circle backgrounds
- #1E3A34 — Deep Forest: Primary headings, brand logo icon, and primary CTA fill
- #E8A590 — Terracotta Blush: Organic headline brush accent, branding sequence tags, and accent arrow fills
- #4D968F — Sage Aqua: Index numbers and circular icon buttons within cool service cards
- #5A6864 — Muted Slate: Secondary editorial body copy and metadata tags

TYPOGRAPHY
Typeface Plus Jakarta Sans (or Outfit, DM Sans, Inter), weights 400/500/600/700. Sizes 11px caption, 13px body-sm, 14px body, 17px subheading, 22px heading, 38px display. Tracking -0.03em at display, 0.08em at overlines. The typographic tone is composed, academic, and warm—pairing executive authority with humanistic craft. The geometric sans-serif (Plus Jakarta Sans match) utilizes tall x-heights and tight display tracking to deliver confidence, balanced by relaxed, airy paragraph styling. Google Fonts alternatives like Outfit or DM Sans perfectly maintain this balance without sacrificing legibility.

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

DEPTH
Depth is communicated purely through soft surface contrasts rather than visible drop shadows. The top hero canvas flows naturally into an overlapping pure-white sheet with generous rounded top corners (28px). Inside cards, small white circular badges float against light-tinted backgrounds using subtle 1px border definition or pristine flat white contrast.

IMAGERY
Imagery features high-detail botanical still-life photography captured in soft, diffused ambient light. Objects (such as potted indoor plants in ceramic or travertine vessels) are isolated against warm, near-white backdrops to bleed smoothly into UI surfaces. Vector illustrations or cartoonish icons are strictly avoided in favor of fine 1.5px linear stroke glyphs.

SIGNATURE DETAIL — the thing that makes this design itself
The design's unmistakable gesture is the hand-brushed terracotta stroke (#E8A590) sweeping underneath the prominent display headline, breaking geometric precision with human warmth. It must be applied sparingly—only once per key display section—and never repeated as a decorative underline for common links or subheads.

MUST
- Pair Deep Forest #1E3A34 typography with warm off-white canvas backgrounds to preserve organic serenity.
- Use soft pastel card backgrounds (#ECF3F3 and #FAF0EB) to rhythmically differentiate adjacent service offerings.
- House icons inside elevated or contrasting 44px circular containers with minimal thin stroke iconography.
- Apply pill geometry (border-radius: 999px) strictly to navigational buttons and call-to-action triggers.

AVOID
- Do not introduce harsh drop shadows; rely entirely on hue difference and card boundaries for elevation.
- Do not use saturated primaries like cobalt blue or neon green; all tones must remain muted and earth-inspired.
- Avoid sharp right-angled buttons or cards; minimum border-radius is 16px, reaching 20px on cards.
- Never set running body paragraphs in pure black #000000; always use muted slate #5A6864.

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.