Neural Inference Dark

The canvas rests on a pitch-black surface (#05070D) subtly grading into midnight navy tones. Color functions as directional energy: muted slate-grey tokens define inputs and passive structure, while high-chroma electric blue (#1D88FE) and cyan highlights mark high-velocity data flow and primary actions. Typography uses clean geometric sans at bold weights for display headings, utilizing selective cobalt tinting on key value propositions. Spacing adheres to a balanced 16-24px grid with rounded container cards (16px radius) holding feature matrices. The primary focal point is an isometric diagram of cascading frosted-glass processing wafers illuminated by neon light conduits converging into an 'Intelligence' exit capsule.

1 张设计参考图

提示词信息
分享者	@Devault
模型	GPT Image 2.5
分类	界面组件与网格
数据集	stretchcloud · awesome-gpt-image-prompt-2.5

完整提示词

Design a dark-mode website section: deep obsidian infrastructure glowing with cobalt energy and crystalline pipeline architecture.

LAYOUT
The layout is split into two primary zones: an upper split section (50/50) contrasting headline/CTA copy against a dynamic isometric pipeline diagram, followed by an anchor shelf below composed of a strict 5-column grid of equal-width technical capability cards.

PALETTE (use these exact hex values)
- #05070D — Void Canvas: Deepest background surface underlying the entire viewport
- #0A0E17 — Panel Background: Background fill for lower feature cards and floating input pills
- #1E2638 — Subtle Border: Hairline 1px borders surrounding feature cards and pill containers
- #1D88FE — Cobalt Primary: Primary CTA fill, headline gradient highlight, and energetic focus glow
- #38BDF8 — Cyan Ray: Secondary beam illumination and glowing conduit highlight
- #34D399 — Emerald Mint: Proof metrics checkmarks and finance/efficiency icon accents
- #FFFFFF — Text Primary: Headings, button labels, and high-emphasis interface text
- #94A3B8 — Text Secondary: Paragraph copy, input labels, and descriptive body lines

TYPOGRAPHY
Typeface Inter Display (or Plus Jakarta Sans, Geist Sans, SF Pro Display), weights 400/500/600/700. Sizes 12px caption, 13px body-sm, 14px body, 16px body-lg, 17px subheading, 48px display. Tracking -0.03em display, -0.01em body. The typography is cold, precise, and highly engineered, matching cutting-edge systems software. Clean geometry without expressive quirks communicates latency guarantees and machine reliability; Inter Display or Geist Sans are ideal candidates.

GEOMETRY & SPACING
Corner radii — cards 16px, links 999px, inputs 10px, buttons 10px. Spacing on a 8px unit, 16px gaps, 80px between sections, 1280px container, comfortable density.

DEPTH
Depth is created almost entirely via optical glow and layered 3D translucency rather than multi-tier shadow stacks. The central processing core relies on stacked isometric acrylic slabs that diffuse blue light from within, resting above a soft ambient blue radial vignette on the void background.

IMAGERY
Visual assets are strictly isometric and schematic: semi-transparent, beveled glass slabs emitting internal illumination, flanked by vector spline conduits. Photorealistic stock photography or casual figurative illustration would completely break the hyper-technical infrastructure aesthetic.

SIGNATURE DETAIL — the thing that makes this design itself
The multi-layered isometric glass processing core receiving multi-modal input nodes via glowing neon conduits and emitting a single concentrated beam into an 'Intelligence' pill. Replicate this with stacked translucent polygon shapes (40-60% opacity) backlit by radial blue glow filters, avoiding flat 2D iconography.

MUST
- Use strict #05070D background to maintain deep contrast with neon glowing splines.
- Highlight only the focal phrase in display headlines with bright electric blue (#1D88FE).
- Keep feature card borders hairline-thin (1px) using desaturated slate tones (#1E2638).
- Ensure all pipeline connection splines enter the layered glass visual from the exact vertical center of their pills.

AVOID
- Do not introduce muddy grey backgrounds; darks must remain deeply saturated near-black navy.
- Do not use multi-color neon splines randomly; restrict to smooth gradient shifts between cyan and cobalt.
- Do not apply drop shadows to the 5 bottom feature cards; keep them flat with crisp borders.
- Do not enlarge bottom card text beyond 17px for headings and 13px for body.

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

在 DraPub 中尝试

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

返回提示词画廊

界面组件与网格设计参考

Abyssal Defense Matrix

This design orchestrates a high-contrast defense tech showcase on a pure white (#FFFFFF) ground, pairing deeply saturated underwater hero media with ultra-pale tinted ancillary panels. The primary canvas divides into an asymmetric bento layout: a dominant deep-ocean card (#0A131F) occupying roughly 58% width, counterbalanced by a stack of three subtly tinted cards in lavender (#F9F8FD), arctic blue (#F4F9FD), and peach-blush (#FFF8F4). Typography relies on a neutral grotesque sans-serif with tight tracking and heavy display weights, accented by an uppercase tracking-widened purple eyebrow label (#6355D8). Micro-metrics are structured inside frosted glass capsules (rgba(255,255,255,0.08)) with fine borders on the dark hero, while stats in the bottom banner sit cleanly bordered by hair-thin dividers (#E2E8F0). The visual hierarchy commands attention instantly through the photorealistic submarine cutting through murky cerulean water with an illuminated frontal headlight beam.

界面组件与网格设计参考

Aegis Airspace

Built on a muted light canvas of #f8fafc, this layout establishes hierarchy through an asymmetrical bento grid anchored by an ominous dark-slate spotlight card (#0c1527). Color is deployed almost entirely for information density rather than ornamentation, utilizing tactical cyan (#38bdf8) and safety alerts on the dark radar screen while keeping standard enterprise surfaces pristine white (#ffffff) with delicate #e2e8f0 borders. Typography is anchored by a high-contrast geometric sans display headline sized around 44px with tight tracking (-0.02em), flowing into disciplined 14px body and caption metrics. Cards share a consistent 20px corner radius, punctuated by pill-shaped taxonomy tags with a 999px radius and soft 12px squircle icon badges. What the viewer notices first is the high-contrast tension between the civilian enterprise white cards and the tactical military-grade radar visual inhabiting the primary card.

界面组件与网格设计参考

Aegis Clinical

The canvas is an ethereal, faintly cool-tinted white (#f8fafd) with subtle blue undertones that instantly conveys clinical sterilization and enterprise reliability. Color functions as an instrument of authority: intense cobalt blue (#1e3a8a) commands attention across prominent numerical metrics, star ratings, and links, while high-contrast charcoal (#0f172a) grounds primary typography. Subtle pastels—specifically a soft lavender-blue (#eef2ff) and muted sage green (#ecfdf5)—delineate verification and categorization without visual clutter. Typography relies on a neutral grotesque sans-serif with tight negative tracking at display scale (42px) and crisp, readable 14px body text. The entire architecture sits on a rigorous grid of rounded rectangular surfaces (16px border-radius) floating with imperceptible, soft diffuse shadows. What a reader notices first is the overwhelming density of quantifiable credibility—large blue numerals paired cleanly with verified testimonial quotes.

界面组件与网格设计参考

Aero Infra

The canvas is a sterile, clinical cool white gradient (#f4f7fc fading into #ffffff) that directly evokes refrigerated high-density server rooms. Color operates strictly as functional signal: deep navy-black (#0a0f1d) delivers typographic clarity, electric cobalt (#2f54eb) marks active infrastructure status, and eco-green (#22c55e) highlights carbon savings. Typography relies on a tight neo-grotesque sans-serif with aggressive negative tracking at display scales (-0.03em) down to crisp neutral utility at 13px. Spatial composition follows an asymmetric split layout: narrative evidence and metrics anchor the left 55%, while hardware server racks dominate the right with overlapping floating metric badges. Key observed values include generous 20px card corner radii, 12px pill badges, and razor-thin 1px dividers colored at #e2e8f0.