Orbital Horizon

This interface pairs an expansive cinematic low-Earth orbit hero card with a multi-column enterprise footer set against a near-black cosmic backdrop (#060c16). High visual drama at the top transitions into disciplined information architecture below, using subtle gradients (#38bdf8 to #c084fc) on focal display text to mirror atmospheric scattering. Text hierarchy relies strictly on three levels: pristine white (#ffffff) for active labels and headings, cool steel (#899bb5) for passive navigation links, and slate navy (#52637a) for tertiary metadata. The main CTA container features a generous 24px corner radius and contains a floating dual-button cluster, anchored by an electric blue primary button (#1f6bf2) with a 10px radius. The footer organizes five precise vertical columns alongside an email capture module sporting an unexpected mint-cyan submit button (#99f6e4), concluding with a rigorous trust row verifying ISO and ITAR security credentials.

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 orbital twilight with precision aerospace typography and high-trust compliance cues.

LAYOUT
Vertical progression begins with a floating, full-width rounded billboard CTA card containing centered copy and buttons. Directly below sits a 6-column content matrix: brand bio and socials on the far left, four uniform text link columns in the center, and a newsletter subscription block on the far right. The bottom edge is capped by a horizontal baseline split between copyright notice and security badges.

PALETTE (use these exact hex values)
- #060c16 — Deep Space Canvas: Global background for the entire footer canvas and outer viewport wrapper.
- #0a1322 — Orbital Night Tint: Background tint for email input field and interactive social icon tiles.
- #1f6bf2 — Electric Orbit Blue: High-visibility fill on the primary demo call-to-action button.
- #38bdf8 — Atmospheric Cyan: Gradient start for emphasized display keywords like 'next' and brand mark accents.
- #c084fc — Dawn Lilac: Gradient finish for emphasized hero words like 'space' and the brand mark glow.
- #99f6e4 — Ion Mint: Solid highlight background on the newsletter submission arrow button.
- #ffffff — High-Contrast White: Display headlines, column headers, button labels, and brand logotype.
- #899bb5 — Muted Horizon Steel: Footer navigational links, hero body copy, and secondary button border tint.
- #1c2b42 — Dark Satellite Stroke: Dividers, social button outlines, and email input border stroke.

TYPOGRAPHY
Typeface Inter (or Plus Jakarta Sans,Geist,SF Pro Display), weights 400/500/600/700. Sizes 12px caption, 13px body-sm, 14px body, 15px body-lg, 18px subheading, 48px display. Tracking -0.02em at display, 0 at body. Disciplined, aerospace-grade modernism that communicates absolute operational stability and high velocity. Using standard geometric grotesk proportions ensures dense data and extensive legal/compliance lists remain crystalline down to 12px.

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

DEPTH
Depth is rendered organically via realistic celestial atmospheric glow and edge illumination rather than dropped shadows. Floating UI elements like buttons and newsletter inputs use razor-thin 1px border strokes (rgba(255,255,255,0.12)) to separate themselves cleanly from the deep navy void.

IMAGERY
Photorealistic orbital photography showing Earth's curved limb, sunrise atmospheric backlighting, and city night lights from low-Earth orbit. Avoid stylized cartoons, 3D rocket renders, or generic sci-fi vector illustrations.

SIGNATURE DETAIL — the thing that makes this design itself
The panoramic curved-horizon sunrise card floating directly above a hyper-rigorous, six-column midnight-navy enterprise directory. The signature identity breaks instantly if the orbital hero photography is replaced by abstract vectors or if the compliance certifications are omitted.

MUST
- Retain the high-orbit curvature visual strictly inside the rounded CTA card, never across the flat footer.
- Use text-fill gradient highlights exclusively on the final keyword of each display phrase.
- Keep footer column link text strictly at 13px or 14px in muted steel (#899bb5).
- Pair the primary deep blue CTA button with a pale mint/cyan accent on smaller interactive utilities.

AVOID
- Do not use sharp 0px corners; maintain 24px on outer cards and 10px on interactive elements.
- Never set footer category links to bright white; reserve pure white for column headers.
- Do not add glowing drop-shadows under buttons; rely on clean edge contrast.
- Avoid multi-colored gradient buttons; only the display typography uses the cyan-to-purple shift.

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.