Pastoral Canvas

Pastoral Canvas is a modern agricultural management interface constructed over a clean, warm-tinted neutral surface (#FBFBFA). Hierarchy is established through expressive card-level color accents rather than noisy structural chromas: each major module claims its own earthy thematic hue (terracotta #BF4A30, olive green #7E9045, muted teal #3E776F, and slate blue #4B85BA). Typography pairs a structured geometric sans for UI utility with a striking italicised serif accent on the word 'grow' in the primary display header. Cards employ gentle 18px rounded corners, whisper-thin borders, and vast inner breathing room, while rich narrative vector illustrations draw immediate focus before routing users through colored action pills. The overall tone feels unhurried, clean, and intentionally organic.

1 张设计参考图

提示词信息
分享者	@Devault
模型	GPT Image 2.5
分类	网页设计
数据集	stretchcloud · awesome-gpt-image-prompt-2.5

完整提示词

Design a light-mode web interface screen: sun-washed agrarian workspace blending editorial clarity with storybook warmth.

LAYOUT
The page uses an asymmetric hybrid dashboard layout anchored by a fixed left navigation column (approx. 180px wide). The right workspace begins with a lightweight top navigation bar, followed by an editorial hero section featuring a split headline and right-aligned subcopy. Below sits a balanced 2x2 grid of wide rectangular content cards.

PALETTE (use these exact hex values)
- #FBFBFA — Bone Canvas: dominant screen backdrop and outer navigation surface
- #FFFFFF — Card Surface: elevated content cards and floating sidebar bottom widget
- #BF4A30 — Terracotta Primary: primary header CTA, active navigation indicators, and harvest module accents
- #708443 — Olive Editorial: display heading italic accent and farmhouse module button
- #1A1D1F — Charcoal Headings: display headlines, card titles, and high-emphasis labels
- #6F767E — Muted Slate: body copy descriptions, inactive navigation labels, and meta notes
- #3E776F — Teal Pasture: livestock card action button and associated icon badge
- #4B85BA — Sky Tractor: machinery equipment card action button and icon badge
- #D8CDBA — Soft Ochre Doodle: subtle hand-drawn accent squiggle beneath subheader text

TYPOGRAPHY
Typeface Plus Jakarta Sans (or General Sans, Inter, DM Sans), weights 400/500/600/700. Sizes 12px caption, 13px body-sm, 14px body, 16px subheading, 22px heading, 36px display. Tracking -0.02em on headings, 0 on body. The typographic character balances modern agricultural efficiency with storybook humanity. Plus Jakarta Sans handles the functional interface with clean geometric legibility, while a single italicized serif accent injects artisanal craftsmanship. If substituting, choose a humanist or geometric sans alongside a high-contrast editorial serif like Instrument Serif or Recoleta.

GEOMETRY & SPACING
Corner radii — cards 18px, links 6px, inputs 10px, buttons 10px. Spacing on a 4px unit, 24px gaps, 32px between sections, 1360px container, comfortable density.

DEPTH
Depth is rendered purely through surface contrast, using crisp white (#FFFFFF) elements layered over a warm off-white (#FBFBFA) base. No diffuse or heavy drop shadows are present; borders are either nonexistent or hairline light-tint strokes. The visual weight relies on color blocks and vector shapes rather than simulated physical elevation.

IMAGERY
Vector illustrations feature warm, slightly desaturated editorial folk art depicting agrarian work: harvesting giant crops, traditional barns, livestock, and machinery. Lines are organic with soft textured shading and rounded contours. Stock photos, hyper-detailed 3D renders, or neon vector styles would drastically break this design.

SIGNATURE DETAIL — the thing that makes this design itself
The standout signature is the deliberate typographic pairing of a geometric grotesque header with a single organic serif italic word ('grow') in olive green, set immediately above cards where the button and badge colors harmonise with custom storybook farm illustrations.

MUST
- Reserve the italic serif treatment strictly for single thematic words inside large display headlines.
- Assign each card module its own unified thematic accent spanning badge, artwork, and CTA button.
- Keep card backgrounds strictly white (#FFFFFF) against the pale bone canvas (#FBFBFA).
- Pair flat vector illustrations with zero drop-shadow cards to retain editorial print clarity.

AVOID
- Never apply high-contrast dark drop shadows under cards or navigation elements.
- Do not use the olive serif italic for utility labels, navigation, or body copy.
- Avoid making all card CTA buttons the same color; their color must match the card's theme.
- Never replace the flat storybook vector artwork with photorealistic stock photography.

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

在 DraPub 中尝试

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

返回提示词画廊

网页设计设计参考

Abyssal Ledger

The canvas is submerged in a rich midnight petrol slate (#0b121b), eschewing pure black in favor of deep oceanic navy undertones. Surfaces sit on elevated dark containers (#111c26) demarcated by razor-thin slate borders (#1c2a38) rather than heavy drop shadows. High-luminance electric cyan (#1de9b6) acts as the primary brand beacon and indicator of positive momentum, harmonized with electric violet (#a855f7) and amber gold (#f59e0b) for categorical multi-series data. Numerical metrics dominate the visual hierarchy through high-contrast bold white numerals (24px to 28px) paired with quiet slate captions (#64748b). Cards feature generous 16px corner radii and 20px internal padding, balancing information density with breathing room. A viewer immediately registers the four top-tier summary cards with seamless, borderless bottom sparklines before moving into the split data-visualization grid.

网页设计设计参考

Acoustic Minimal

This layout pairs a permanent dark charcoal sidebar (#121316) with an airy, pale grey-beige canvas (#F5F5F7) housing rounded structural cards (#FFFFFF). The aesthetic borrows heavily from high-end Danish and Japanese acoustic industrial design, contrasting stark architectural typography against tactile metallic renders in bronze and milled aluminium. Vibrant electric blue (#1E6BFF) serves strictly as a high-contrast functional accent for interactive triggers like primary CTA pills and cart badges, while amber (#E5A93C) indicates availability statuses. Typography is set in a neutral neo-grotesque with sharp tracking shifts between wide uppercase micro-labels and compressed display headlines (e.g., 'NB—32' at ~52px). Generous 24px internal card padding and large 20px card corner radii create soft modular islands. The primary visual tension arises from the interplay between monolithic pitch-black elements and luminous warm whites.

网页设计设计参考

Aegis Clinical

The interface operates on an ultra-clean white (#ffffff) and pale ice-blue surface hierarchy, using high-contrast slate (#0f172a) typography to project institutional authority and medical safety. Brand royal blue (#1668e3) functions strictly as a primary interaction and focal anchor, highlighting critical conversion paths and anchoring the dual-tone display headline. Secondary service departments are differentiated through soft pastel icon discs (spanning 48px to 56px in diameter) in tinted crimson, mint, lavender, and sky blue. Structural cards employ soft 16px corner rounding paired with faint, diffused ambient shadows (0 10px 30px rgba(15,23,42,0.04)). The prominent architectural hero imagery dissolves into the white canvas via a gentle gradient mask, visually uniting the physical facility with the digital portal.

网页设计设计参考

Aegis Cyber Luxe

The interface marries an ultra-dense, dark command rail (#070e1c) with a radiant, airy light canvas (#f8fafd) that houses executive-level threat intelligence. Hierarchy relies on high-contrast text sizing and surgical neon accents: vivid royal blue (#165dfc) for primary actions and safe-state telemetry, juxtaposed against alert crimson (#f04438) for imminent malware breaches. Typography is rendered in an ultra-clean geometric sans with tight headline tracking (-0.02em) and muted slate body copy (#64748b). Surface containers exhibit subtle 1px borders (#e8edf5) with a uniform 16px corner radius, floating gently above pale atmospheric radial gradients. The eye is immediately captured by the hero 3D composition, featuring a hyper-detailed dark monitor flanked by translucent glassmorphic telemetry cards and glowing threat icons.