Terminal Neon

The interface operates on an ultra-deep black base (#030407) designed for high-contrast technical developer tooling. Color functions as an intent-based status indicator and visual anchor rather than decorative wash: a vivid gradient in the primary heading shifts from crisp white (#FFFFFF) through periwinkle blue (#587CF8) into mint green (#5EE8A5). Four pricing tiers are laid out horizontally in cards with 16px corner rounding, bordered by an ultra-subtle border stroke (#161A23) except for the highlighted 'Developer' tier which commands attention through a 1.5px electric blue perimeter (#3B62F6). Typography relies on a neutral developer-centric neo-grotesque with tight tracking (-0.02em) on display metrics and loose tabular alignment for pricing values ($0, $29, $99). The upper right is anchored by a three-layer isometric floating glass deck featuring an illuminated terminal prompt ('> _') casting a soft cyan-blue diffuse shadow (#2E53F5).

1 张设计参考图

提示词信息
分享者	@Devault
模型	GPT Image 2.5
分类	定价与转化模块
数据集	stretchcloud · awesome-gpt-image-prompt-2.5

完整提示词

Design a dark-mode website section: pure void canvas illuminating neon-tinted developer tiers beneath stacked dimensional glass tiles.

LAYOUT
Asymmetrical two-column top section paired with a balanced four-column grid below. The top left hosts the category badge, display typography, and value proposition, while the top right balances with the 3D glowing asset. The lower section spans all four pricing tiers evenly across the 1200px container, capped with a centered reassurance lock note.

PALETTE (use these exact hex values)
- #030407 — Void Black: Global background canvas for maximum contrast with glowing elements
- #080A10 — Card Surface: Background fill for resting pricing cards and pill indicators
- #1A1E29 — Subtle Border: Hairline perimeter stroke on inactive cards, input wrappers, and subtle buttons
- #385BF6 — Electric Blue: Highlighted plan border, primary CTA fill, and glowing core accents
- #5EE8A5 — Mint Neon: Display headline gradient endpoint signaling scalability and success
- #587CF8 — Periwinkle Glow: Display headline gradient midpoint and floating tile under-glow
- #FFFFFF — Pure White: High-emphasis titles, headline start, active plan names, and primary pricing values
- #767F92 — Muted Slate: Secondary tier subtitles, feature list items, and auxiliary reassurance text

TYPOGRAPHY
Typeface Geist Sans (or Inter, SF Pro Display), weights 400/500/600. Sizes 11px caption, 13px body-sm, 14px body, 16px body-lg, 20px subheading, 36px heading, 48px display. Tracking -0.03em at display, -0.01em at body, 0.05em at caps. Technical, razor-sharp, and contemporary. The neo-grotesque font conveys precision engineering through tight letter spacing in bold numerals and clean readability at smaller body sizes, making Geist or Inter the perfect operational match.

GEOMETRY & SPACING
Corner radii — cards 16px, links 4px, inputs 10px, buttons 10px. Spacing on a 4px unit, 16px gaps, 64px between sections, 1200px container, comfortable density.

DEPTH
Depth is created using optical radiance rather than drop shadows. Floating isometric surfaces cast soft, high-diffusion colored backlights (#2E53F5 at 40% opacity, 60px blur) onto the pure black void, while pricing cards sit flat with 1px border strokes acting as precise boundaries.

IMAGERY
The imagery is abstract, architectural, and strictly software-oriented: three frosted isometric glass planes floating in 3D space with clean rounded edges and a monospaced terminal prompt. Photographic lifestyle imagery or non-geometric illustration would feel completely foreign here.

SIGNATURE DETAIL — the thing that makes this design itself
The two-tone dual-sentence display headline ('Built for agents. Free to run. Easy to scale.') transitioning from pure white to an electric periwinkle-mint gradient, balanced against the floating 3D glass terminal deck.

MUST
- Use solid #030407 for the background to let blue and mint glows achieve luminescent contrast.
- Reserve the vivid #385BF6 border strictly for the single most recommended pricing tier.
- Render the main headline with white on line one, transitioning to blue-and-mint text on line two.
- Keep card inner padding uniform at 24px and outer gap between cards at 16px.

AVOID
- Do not apply bright card fills; keep background cards at near-black #080A10.
- Do not add glowing outlines to more than one card simultaneously.
- Avoid using warm colors (red, orange, yellow) which violate the cold developer-terminal palette.
- Do not remove the subtle arrow icon from CTA buttons; it reinforces actionable progression.

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 Biofoundry

The canvas is anchored on an ultra-dark navy-black surface (#02050b) layered with a luminous horizon glow dividing the primary call-to-action from the structural site directory. Typography relies on a neutral neo-grotesque sans-serif rendered in pure white (#f8fafc) for high-impact display titles (48px) and a soft slate-blue (#94a3b8) for secondary narrative and navigational text. Vibrant electric blue (#1d6bf3) functions as the concentrated action color, isolated to high-intent pill tags, primary action triggers, and glowing vector iconography. Compact cards and inline code snippets utilize a slightly elevated surface (#070d18) with disciplined 1px borders (#162238) and subtle 8px to 12px border radii. A reader immediately registers the luminous horizontal seam at the fold, drawing the eye directly to high-trust credentials before descending into developer-grade utility.

定价与转化模块设计参考

Abyssal Defense

Built on an impenetrable canvas of deep void navy (#090d14), this interface uses darkness not as absence of light, but as an operational deep-sea medium. Color is deployed with surgical discipline: primary calls-to-action ignite in a radiant periwinkle-to-indigo gradient (#4f46e5 to #6366f1) while operational indicators flash a restrained coral-orange (#fb7185) against slate neutrals. The primary visual weight is anchored by an expansive 24px-radius CTA panel housing an autonomous submarine render sliced by a conical cyan spotlight. Typography balances a towering condensed grotesque wordmark in the footer with clinical, hyper-legible neo-grotesque sans-serif in the CTA lockup. Structural dividers and social pill buttons use faint 1px hairline borders (#1e293b) to define boundaries without interrupting the nocturnal continuity. Inline spacing is generous, keeping legal and navigational tiers legible and calm.

定价与转化模块设计参考

Abyssal Defense Matrix

The canvas is set on an ultra-dark navy surface (#030712 to #050b14) evocative of the deep ocean, establishing a high-stakes maritime defense atmosphere. Color is utilized strictly for status and strategic hierarchy: electric blue (#2563EB to #38BDF8) demarcates autonomous superiority, while muted red (#DC2626) badges identify legacy vulnerabilities against neutral slate typography. Primary typography is a clean, neo-grotesque sans-serif with tracked uppercase badges and sharp header contrast (44px display down to 11px micro-labels). Shapes rely on subtle rounded cards (radius: 16px) with hairline semi-transparent borders (#1E293B) and glassmorphic translucent fills. A reader immediately notices the highlighted autonomous column encased in a vibrant glowing blue frame beside an illuminated stealth submarine.

定价与转化模块设计参考

Aerospace Dark Spec

This interface pairs deep abyssal navy canvas (#040911) with electric cybernetic cyan accents (#19E0B2) to deliver a high-assurance defense and aerospace identity. The layout organizes a prominent enterprise conversion banner directly above a dense, multi-column navigation footer. A glowing 3D particle landscape wave acts as an atmospheric horizon separator between the CTA area and footer columns. Visual weight relies on bold, clean geometric display typography (around 44px) paired with sharp tabular figures (32px) and translucent glassmorphism cards framed by subtle semi-transparent borders (rgba(255,255,255,0.08)). Subtle cyan micro-accents highlight key conversion triggers like the primary booking button, monospaced eyebrow trackers, and inline trust indicators.