Orbital Horizon

The canvas rests on a deep void background (#07080C) flanked by dramatic planetary horizon flares: fiery coral-red on the lower-left and electric cyan-white on the upper-right. High-contrast typography in crisp white (#FFFFFF) commands the hero space, where the phrase 'growth engine' pops in brand coral (#F45244) matching the primary CTA button. A subtle horizontal border line (#1A1E26) anchors the 4-column value proposition strip before transitioning into an expansive 6-column footer grid. Visual hierarchy relies on distinct opacity steps: full white for headers, muted slate (#9CA3AF) for subheaders, and dim steel (#6B7280) for footer legal links. Interactive components employ consistent rounded corners (8px for primary buttons and text inputs, 999px for status pills).

1 design references

Prompt metadata
Shared by	@Devault
Model	GPT Image 2.5
Category	Pricing & calls to action
Dataset	stretchcloud · awesome-gpt-image-prompt-2.5

The prompt

Design a dark-mode website section: deep space atmosphere pierced by dual-spectrum light arcs grounding an enterprise conversion stack.

LAYOUT
The viewport flows strictly from wide-spaced hero conversion down to tightly structured grid telemetry. First, the eye hits the centered pill badge and 52px display statement with centered actions. Below, a 4-column balanced feature bar sits above a full-width rule, grounding into a 6-part footer grid ending with a final legal sub-bar.

PALETTE (use these exact hex values)
- #07080C — Void Black: Dominant deep canvas background across the hero and footer sections.
- #0F1319 — Subtle Charcoal: Background fill for newsletter input fields, circular social icons, and pill chips.
- #F45244 — Horizon Coral: Primary conversion button fill, logo monogram, headline emphasis, and category headers.
- #60A5FA — Atmospheric Cyan: Ambient light streak accenting the upper right perimeter.
- #10B981 — Telemetry Green: Pulsing indicator dots for product readiness and operational status.
- #FFFFFF — Pure White: Primary display headline, button labels, and high-emphasis column headers.
- #9CA3AF — Muted Slate: Secondary lead copy, feature descriptions, and standard navigation link items.
- #1E242F — Subtle Border: Hairline separator lines defining footer top bounds and input borders.

TYPOGRAPHY
Typeface Inter (or Plus Jakarta Sans, SF Pro Display, Geist), weights 400/500/600/700. Sizes 12px caption, 13px body-sm, 15px body, 18px body-lg, 20px subheading, 52px display. Tracking -0.03em at display, 0 at body. Inter or Plus Jakarta Sans gives the interface an engineered, high-velocity SaaS presence. Tightly tracked display headlines (-0.03em) feel confident and modern, while generous line heights on body copy preserve effortless technical legibility against dark surfaces.

GEOMETRY & SPACING
Corner radii — cards 12px, links 4px, inputs 8px, buttons 8px. Spacing on a 8px unit, 24px gaps, 96px between sections, 1240px container, comfortable density.

DEPTH
Depth is created purely through ambient light gradients and opacity layering rather than drop shadows. Bright radial flares break through the dark background canvas, casting atmospheric depth behind high-contrast flat UI elements. Floating controls like badges and inputs use subtle 1px translucent borders to separate themselves from the void.

IMAGERY
The visual world centers on celestial or planetary atmospheric phenomena: high-energy orbital light leaks that curve gracefully across the canvas. Avoid cartoon illustrations, photorealistic corporate headshots, or skeuomorphic glass cards. Keep light effects blurred and lens-like, evoking satellites grazing the edge of Earth's thermosphere.

SIGNATURE DETAIL — the thing that makes this design itself
The opposing chromatic light flares: a fiery coral-red atmospheric glow sweeping upwards from the lower-left edge countered by an icy blue orbital ray darting across the upper-right horizon. It transforms a conventional SaaS conversion block into an epic cinematic moment. It is commonly misused by applying symmetric colors or overly diffused blob gradients that lack the distinct directional arc of a planetary horizon.

MUST
- Retain the chromatic dualism: warm coral flare on bottom-left, cool blue streak on top-right.
- Use exact 8px corner radiuses on solid buttons and text inputs.
- Highlight only the final two crucial words of the hero title in brand coral (#F45244).
- Separate the feature strip and the footer using clean, full-bleed 1px hairlines (#1A1E26).

AVOID
- Do not add drop shadows or box glows directly behind dark card elements.
- Never replace the deep space photographic flares with flat synthetic vector gradients.
- Do not use sharp 0px corners or fully pill-shaped primary action buttons.
- Avoid coloring regular body paragraphs in coral; reserve it strictly for accents and headings.

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.

Try in DraPub

More prompts from the same visual neighborhood.

Back to prompt gallery

Pricing & calls to actionDesign reference

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.

Pricing & calls to actionDesign reference

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.

Pricing & calls to actionDesign reference

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.

Pricing & calls to actionDesign reference

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.