Verdant Breath

The canvas employs an ultra-subtle dewy sage off-white (#F7F9F8) as a calming morning backdrop for personal habit tracking. Deep forest slate-teal (#123A36) establishes authoritative typography for primary titles such as 'Good morning, Alex' (28px) and section headings. Contrast is kept gentle through muted eucalyptus secondary text (#6C827D) and softly saturated pastel surfaces across the eight-tile action grid. Cards feature generous border-radii ranging from 16px on inner category tiles to 24px on hero containers and segmented white background plates. The viewer immediately registers the panoramic lake-and-mist hero card with its anchored dark pine play button (#1E4B45). Spacing adheres to an airy rhythm with 20px screen edge margins and 12px internal tile gaps, reinforcing mental clarity.

1 张设计参考图

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

完整提示词

Design a light-mode mobile app interface screen: a dewy morning forest sanctuary translating holistic wellness tracking into quiet pastel moments.

LAYOUT
The vertical hierarchy opens with a personal identity bar and greeting title, quickly settling into an interactive 16:9 scenic hero carousel. Below the pagination dots sits the centerpiece 4x2 pastel action matrix enclosed within a rounded white boundary plate. The layout concludes with a summary dashboard section showing circular completion gauges, allowing fluid scroll progression.

PALETTE (use these exact hex values)
- #F7F9F8 — Dew Canvas: dominant screen background creating a soft natural atmosphere
- #FFFFFF — Plate White: background for the quick action grid and metric overview cards
- #123A36 — Deep Forest Teal: primary heading text, active pagination dot, and floating button fills
- #6C827D — Eucalyptus Mist: secondary body descriptions, subtitled metadata, and inactive labels
- #1E4B45 — Pine Shadow: media play button background and circular quick-add icon base
- #E8F5F1 — Lotus Tint: background wash for meditation and check-in action tiles
- #FCF0ED — Dawn Coral Tint: background wash for the activity tracking tile
- #EEF5FC — Twilight Periwinkle Tint: background wash for sleep logging tile
- #FDF5E9 — Harvest Ochre Tint: background wash for nutrition and hydration tiles

TYPOGRAPHY
Typeface Plus Jakarta Sans (or DM Sans, Outfit, SF Pro Display), weights 400/500/600/700. Sizes 11px caption, 12px body-sm, 14px body, 15px body-lg, 17px subheading, 20px heading, 28px display. Tracking -0.02em at display, 0.01em at body. The typography relies on an organic, humanist sans-serif with rounded geometric terminals (closest match: Plus Jakarta Sans). It evokes gentle morning calm, mindful intention, and medical-grade clarity without clinical sterility. Open shapes and balanced proportions ensure readability down to 11px microcopy on mobile viewports.

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

DEPTH
Depth is rendered flat-to-ambient rather than layered with physical shadows. Surfaces distinguish themselves through soft luminance contrast between the base dewy canvas (#F7F9F8) and pure white container islands (#FFFFFF). Sub-elements sit softly recessed inside cards via delicate 4-8% opacity pastel fills.

IMAGERY
Imagery uses serene, misty natural landscape photography featuring tranquil lakes, traditional wooden rowing boats, and mountain ridges shrouded in dawn fog. Photos must possess cool blue-green and sage color casts with gentle diffuse daylight; saturated urban or indoor imagery is completely off-brand.

SIGNATURE DETAIL — the thing that makes this design itself
The signature element is the pillowy white container enclosing an 8-tile pastel action matrix, where each tile pairs a single tinted line icon with dual-tier microcopy inside an ultra-soft pastel lozenge. It turns what could be a sterile settings grid into a soothing apothecary tray of daily habits. Misusing it by adding sharp borders or loud saturated fills destroys the morning sanctuary feel.

MUST
- Use 24px corner radii on all major container surfaces and cards.
- Pair Deep Forest Teal (#123A36) titles with Muted Eucalyptus (#6C827D) body text for a natural, peaceful hierarchy.
- Rely on pastel tinted backgrounds (#EEF5FC, #FCF0ED, #E8F5F1) to differentiate activity categories without harsh visual borders.
- Provide a full 20px horizontal margin from screen edges on mobile devices.

AVOID
- Do not use harsh pure-black (#000000) typography; use Deep Forest Slate (#123A36).
- Do not employ heavy, sharp drop shadows; surfaces rely on white plates against soft sage canvas.
- Do not use saturated or neon alert colours for daily habit categories.
- Avoid square or sharp corners; all UI components must feature at least 16px rounded corners.

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