Orbital Halftone

This layout combines a high-contrast bipartite structure: a light, airy CTA hero canvas (#F8F9FD) anchored directly onto an obsidian dark footer (#0B0F19). The top section is defined by delicate violet-blue stippled halftone particle clouds framing a centrally focused headline hierarchy. Strong typographic contrast commands attention: an extra-tight display heading in near-black (#0F172A) at roughly 56px sits over muted charcoal body copy (#475569) at 16px. Interactive elements rely on an electric cobalt blue (#1D4ED8) for primary button fills and secondary link accents, both featuring directional arrow icons. The footer introduces an oversized dot-matrix logo typography bleed that creates an immense sense of scale, organized below into a disciplined 6-column grid with fine vertical borders (#1E293B) and pill-framed social icons.

1 张设计参考图

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

完整提示词

Design a light-mode website section: deep-space aerospace engineering meets crisp editorial typography over stippled gradient clouds and midnight monolithic footers.

LAYOUT
The composition follows a two-tier architectural cadence. The top tier features a high-key, centered editorial CTA block nested within expansive lateral whitespace and framed by soft stippled flanks. The bottom tier transitions into an unyielding 100%-width dark monolith featuring a bleeding halftone wordmark, resting above an asymmetric multi-column directory grid terminated by a bottom-edge copyright bar.

PALETTE (use these exact hex values)
- #F8F9FD — Canvas Ice: Background fill for the upper CTA conversion section
- #0B0F19 — Obsidian Deep: Primary surface fill for the monolithic footer block
- #1D4ED8 — Electric Cobalt: Primary CTA button background, eyebrow text, and accent links
- #0F172A — Ink Slate: High-contrast display headlines in the light CTA zone
- #475569 — Muted Slate: Descriptive copy in the CTA block and footer secondary descriptions
- #94A3B8 — Footer Slate Gray: Standard state footer navigation links and copyright text
- #1E293B — Border Cosmic: Subtle column dividers, newsletter input borders, and icon ring strokes
- #6366F1 — Halftone Indigo: Gradient particle cloud and stippled wordmark treatment

TYPOGRAPHY
Typeface Inter (or Geist,SF Pro Display,Plus Jakarta Sans), weights 400/500/600/700. Sizes 11px caption, 12px body-sm, 14px body, 16px body-lg, 20px subheading, 56px display. Tracking -0.03em at display, 0.08em at uppercase captions. The typography is austere, authoritative, and engineering-driven. A pure neo-grotesque sans-serif provides clinical clarity, relying on extreme weight shifts (from 700 bold display to 400 tabular links) and tracking shifts (tight at headline scale, wide and airy for uppercase metadata) to communicate rigor and scientific velocity.

GEOMETRY & SPACING
Corner radii — cards 0px, links 2px, inputs 6px, buttons 6px. Spacing on a 4px unit, 32px gaps, 112px between sections, 1280px container, comfortable density.

DEPTH
Elevation is completely planar and graphic, deliberately avoiding blur-based drop shadows. Contrast between the light CTA background and the deep midnight footer serves as the primary boundary layer, supplemented by razor-sharp 1px border lines (#1E293B) to establish micro-depth.

IMAGERY
Abstract mathematical particle clouds rendered in fine halftone dot matrices rather than solid gradients or photography. Visual motifs suggest scientific simulation, fluid dynamics, and aerospace radar grids. Stock space photos, rocket flares, or photorealistic starfields are strictly forbidden.

SIGNATURE DETAIL — the thing that makes this design itself
The oversized dot-matrix halftone wordmark bleeding seamlessly along the upper boundary of the dark footer, bridged by organic stippled blue particle clouds in the CTA above.

MUST
- Keep CTA typography centered and strictly tight-tracked at display scale (-0.035em).
- Use procedural or vector stipple dots for the background clouds to maintain crisp rendering at 4K.
- Divide footer link columns with subtle vertical borders (#1E293B) to maintain architectural structure.
- Style footer column headers in uppercase cobalt blue (#1D4ED8) at 11px for immediate scannability.

AVOID
- Do not use fuzzy drop shadows or skeuomorphic bevels on buttons or cards.
- Do not round buttons beyond standard 6px into pills, except for circular icon containers.
- Never replace the halftone stipple texture with generic photographic starfields or stock nebulae.
- Do not allow the mega logo in the footer to overlap or obscure actionable navigation links.

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.