Neural Vortex

The interface is anchored by an expansive midnight navy canvas (#0a0826) dominated by a luminous, spiraling particle vortex that transitions from deep violet (#6b21a8) to neon magenta and electric peach (#f472b6). Color functions strictly as illumination and kinetic hierarchy, reserving the vibrant coral-magenta gradient for high-priority user actions and the focal portal. Typography relies on a crisp geometric sans-serif, using a massive 60px display headline with tight line spacing (1.1) to counterbalance the atmospheric imagery. Spacing is expansive and airy, leaving generous margins around text blocks to let the particle artwork breathe. Pill-shaped interactive elements with full 999px border radii provide soft, welcoming touchpoints against the vast digital cosmos. A reader immediately notices the glowing vortex threshold drawing the gaze from the heavy left-aligned typographic cluster toward the radiant center.

1 张设计参考图

提示词信息
分享者	@Devault
模型	GPT Image 2.5
分类	首屏与背景
数据集	stretchcloud · awesome-gpt-image-prompt-2.5

完整提示词

Design a dark-mode abstract background artwork: luminous particle vortex channeling complex data into clarity across deep midnight space.

LAYOUT
The layout uses an asymmetrical split with content anchored firmly to the left 45% and the vortex focal point occupying the right 55%. A clean horizontal navigation bar anchors the top edge, the core value proposition fills the vertical midpoint, and a balanced four-column capability row grounds the lower viewport above the fold.

PALETTE (use these exact hex values)
- #08061e — Space Void: Deepest canvas background behind the particle effects and text content.
- #6b21a8 — Nebula Purple: Midtone atmospheric particle glow framing the outer accretion disk.
- #d946ef — Hyper Magenta: Inner core illumination and primary brand energy gradient start.
- #fb7185 — Solar Peach: Hot glowing core particles and CTA gradient trailing edge.
- linear-gradient(90deg, #7e22ce 0%, #e11d48 100%) — CTA Gradient: High-conversion interactive fill for primary pill buttons.
- #ffffff — Starlight White: High-contrast display typography and active navigation text.
- #94a3b8 — Muted Lavender: Secondary body copy, subtitles, and inactive nav menu links.

TYPOGRAPHY
Typeface Plus Jakarta Sans (or Inter, DM Sans), weights 400/500/600/700. Sizes 13px caption, 14px body-sm, 16px body, 18px body-lg, 60px display. Tracking -0.03em at display, 0 at body. The geometric sans-serif (Plus Jakarta Sans match) communicates clean modern engineering and enterprise clarity. Its rounded, open letterforms mirror the circular geometry of the particle spiral without sacrificing legibility at compact caption sizes. Inter or Geist are approved drop-in substitutes.

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

DEPTH
Depth is created entirely through optical atmospheric illumination rather than CSS drop shadows. Bright high-density particles feel closest to the eye, while lower-opacity violet dust establishes mid-ground depth against an infinitely deep midnight-indigo void.

IMAGERY
The visual language is defined by high-fidelity generative particle simulations mimicking astrophysics and neural pathways simultaneously. Imagery must never include literal stock photos, flat vector illustrations, or hardware renders, relying exclusively on glowing algorithmic light streams.

SIGNATURE DETAIL — the thing that makes this design itself
The asymmetric volumetric particle vortex that spirals in from the bottom right into a blazing magenta-orange event horizon. It serves as both visual metaphor for raw data converging into intelligent output and the primary ambient light source for the entire interface. It fails if replaced with a flat static gradient or if covered by heavy UI containers.

MUST
- Keep typography strictly left-aligned to provide structure against the curving organic particle background.
- Use pill radii (999px) for all standalone action buttons to match the soft organic lighting.
- Restrict vibrant pink and orange hues strictly to the particle core and primary conversion buttons.
- Ensure supporting text (#94a3b8) maintains sufficient contrast against the deep #08061e space background.

AVOID
- Do not introduce sharp rectangular cards with opaque background fills that block the particle field.
- Do not apply drop shadows to text; depth must come entirely from atmospheric contrast.
- Do not use high-saturation flat colors for primary buttons; maintain the smooth purple-to-pink linear gradient.
- Never center-align the main headline over the swirling vortex opening; it destroys readability.

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

在 DraPub 中尝试

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

返回提示词画廊

首屏与背景设计参考

Accretion Core

Set against a vast cinematic deep-space panorama, this interface positions left-aligned typographic clarity against a radiant golden accretion vortex on the right. The canvas transitions from pitch void (#060f1e) through layered turquoise dust clouds (#1a7895) to an incandescent stellar core (#ffe89e). Text hierarchy relies on stark contrast: headers command attention with 56px white weights, punctuated by a kinetic peach-to-magenta linear-gradient on 'what matters.'. CTAs mirror this astral heat signature using pill-shaped (radius 999px) sunset gradients, while secondary actions use subtle frosted borders (rgba(255, 255, 255, 0.25)). Supporting metrics anchor the lower quadrant with compact 22px stat lockups paired with hairline line-art iconography. The entire composition balances the unrestrained organic luminance of interstellar nebulae with clean, grid-locked functional product chrome.

首屏与背景设计参考

Adaptive Athlete Bento

The canvas is anchored on an immaculate white base (#ffffff) paired with an ultra-light grey surface layer (#f7f8fa) that carves out crisp modular compartments. Color functions strictly as semantic guidance: a distinctive digital iris (#5e52d6) powers primary actions and key brand phrases, while soft pastel badge fills segregate distinct user personas without visual competition. Primary messaging commands attention through a 56px high-contrast sans-serif paired with an expressive, editorial italic serif contrast line that brings human emotion into software. Components conform to strict curvature hierarchies, featuring 16px radius bento tiles, 10px functional buttons, and 999px pills for floating metadata. Dense statistics sit directly beneath hero copy inside a dedicated low-elevation floating card. A reader first registers the high-contrast display hook before naturally sweeping across the 5-card multi-persona bento grid on the right, punctuated by the lone deep slate tile (#151c28).

首屏与背景设计参考

Aegis Command

The canvas executes a severe dual-world contrast: an ultra-clean clinical white (#FFFFFF) presentation plane hosts bold editorial typography, while a recessed, perspectival dark-mode (#090D16) mission console dominates the right viewport. Hierarchy relies strictly on stark luminosity contrast rather than decorative fills, using vibrant cobalt (#1D68F2) for direct actions and tactical red (#EF4444) strictly for threat telemetry. Display type reaches a confident 56px in bold weights, contrasted against 12px uppercase tracking labels and low-contrast 32px secondary leadings. The interface employs tight structural rounding, from 6px on primary button controls to 16px on the floating console bezel. Metrics and status indicators are grounded by a 3-column baseline card with 1px hairline dividers (#E2E8F0) and miniature system health pings. A spectator first notices the photorealistic earth-orbit visualization tilted inside the console before registering the stark three-word headline.

首屏与背景设计参考

Aerial Stealth Horizon

The canvas is anchored on an ultra-deep black (#03070b) accented by rounded containment cards filled with subtly lifted charcoal-tinted surfaces (#080d14). Accent energy flows strictly through a vivid turquoise-to-mint gradient (approx #17a9e2 to #63e69f) reserved for critical primary CTAs and punchy headline statements like 'Costs less.' Typography is set in a clinical, geometric grotesk like Inter or Geist, prioritizing stark white-to-slate contrast ratios and balanced letter tracking. Cards and pills use generous 16px to 20px radii paired with hairline borders (#16222f) that dissolve into shadows. A user immediately notices the large photographic viewport depicting an autonomous bio-drone against a digital point-cloud terrain before descending into structured, telemetry-style metric tiles.