Orbital Horizon

This interface pairs an illuminated atmospheric CTA banner with an ultra-dense, cosmic midnight footer. The upper section relies on an ethereal ice-blue sky gradient (#ebf4fd) anchoring photorealistic orbital Earth photography on the right, while bold deep-navy typography (#0a1128) dominates the left. A sharp horizontal threshold drops directly into a deep navy-black footer canvas (#030c1b), reversing text to soft muted slate (#93a4ba) and clean white (#ffffff). Category section titles in the footer utilize a specialized mint-cyan accent (#7be3d5) set in tracked uppercase to echo orbital satellite telemetry. Interactive components employ a disciplined 6px border radius, pairing an electric ultramarine primary CTA (#1868f0) with understated inputs and circular 32px social badges. Spacing remains generous with 96px vertical section padding, allowing the curvature of the planet to visually counterweight dense text columns.

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: atmospheric daybreak transitioning into the calculated precision of deep orbital telemetry.

LAYOUT
The layout is divided into two continuous horizontal bands: a generous 450px daylight CTA banner stacked flush above a structured 380px dark multi-column footer. The CTA places narrative copy on the left third and orbital imagery across the right two-thirds. Below the seam, the footer spans a 5-column grid with branding and newsletter occupying the first two column widths, followed by four link columns and a split-rail bottom copyright row.

PALETTE (use these exact hex values)
- #030c1b — Midnight Space Canvas: Base canvas background for the entire footer structure and deep background layers.
- #ebf4fd — Atmosphere Gradient Base: Bright stratospheric sky tint backing the high-contrast CTA narrative block.
- #1868f0 — Ultramarine Orbit: High-visibility primary action buttons, arrow cues, and focal CTA eyebrow type.
- #7be3d5 — Telemetry Cyan: Eyebrow headings and footer navigation category labels providing subtle instrument-panel glow.
- #0a1128 — Space Command Text: Dominant high-contrast headline color within the light upper CTA container.
- #4a5568 — Stratosphere Slate: Secondary descriptive paragraph copy below the main upper headline.
- #93a4ba — Suborbital Slate: Column navigation links, sub-footer legal links, and descriptive footer metadata.
- #081528 — Input Well Background: Recessed container surface for footer newsletter subscription input field.
- #162842 — Input Well Border: Subtle low-contrast border defining the newsletter capture element.

TYPOGRAPHY
Typeface Inter (or Plus Jakarta Sans, SF Pro Display, Helvetica Neue), weights 400/500/600/700. Sizes 11px caption, 13px body-sm, 14px body, 18px body-lg, 20px subheading, 48px display. Tracking -0.03em at display, 0.08em at uppercase labels. Clean, analytical, and authoritative. A modern neo-grotesque sans-serif provides the crisp legibility of aerospace telemetry screens without appearing overly retro or industrial. Strict proportional hierarchy differentiates high-level strategic claims from dense navigational links.

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

DEPTH
Depth is created entirely through atmosphere and photography rather than UI drop shadows. The daylight CTA section feels illuminated and proximate, while the stark midnight footer recedes into infinite vacuum. Interactive inputs use subtle inset darkening (#081528) to indicate functional receptivity.

IMAGERY
Features high-resolution photorealistic imagery of planet Earth from low orbit, showing illuminated atmosphere gradients, cloud patterns, and night city lights. Fine vector telemetry curves with subtle glowing data points arc above the horizon. Avoid cartoon illustrations, generic satellite 3D renders, or cluttered infographics.

SIGNATURE DETAIL — the thing that makes this design itself
The stark horizon seam that bridges daylight planetary curvature directly into an inky deep-space footer. It visually simulates crossing from Earth's illuminated stratosphere directly into dark orbital space while neatly dividing conversion from technical navigation.

MUST
- Retain the high-contrast divide between the daylight sky CTA and cosmic deep navy footer.
- Use uppercase mint-cyan (#7be3d5) with wide tracking exclusively for footer section category headers.
- Keep CTA buttons tightly rounded at 6px radius; avoid using full pill rounds on action elements.
- Bleed the curved Earth photograph off the right margin and lower boundary of the CTA block.

AVOID
- Never introduce heavy container cards or borders around the upper CTA content.
- Do not use dark backgrounds for the CTA section; daybreak contrast is critical to the concept.
- Avoid generic pure grayscale (#000000); maintain deep cosmic navy hues (#030c1b) throughout footer surfaces.
- Never underline footer links by default; keep them crisp, relying on color hover states.

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.