Cosmic Developer Horizon

The canvas sits on deep void black #000000, creating an infinite sense of space anchored by a luminescent cyan-to-sapphire planetary curved horizon arc. Visual hierarchy relies heavily on chromatic contrast: the primary headline transitions from solid crisp white #FFFFFF into an ethereal lavender-to-azure gradient, while secondary body text recedes into muted slate #94A3B8. Spacing is strictly centered and generous along the vertical axis, channeling focus directly toward the primary pill-button pair and reassuring checkmark proofs. A translucent frosted glass telemetry bar (20px border radius, rgba(15, 23, 42, 0.65)) grounds the bottom composition along the glowing orbital curve. The viewer is immediately captured by the dramatic contrast between the oversized 64px display title and the vibrant neon blue atmospheric rim light.

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: pure obsidian canvas sliced by a razor-thin sapphire planetary horizon with glowing developer telemetry.

LAYOUT
The layout follows a disciplined single-column vertical stack with perfect central symmetry leading into a multi-column base dock. At the top sits the mono status badge, directly followed by the tight two-line display headline and centered paragraph. Next sits the button pair with proof indicators, anchored at the bottom by an edge-to-edge curved horizon curve cradling a 4-column glass container.

PALETTE (use these exact hex values)
- #000000 — Void Canvas: Absolute background canvas delivering maximum contrast for glowing elements
- #38BDF8 — Horizon Arc Cyan: Bright neon cyan core highlighting the crest of the planetary horizon curve
- #1D4ED8 — Deep Cobalt Glow: Diffuse atmospheric bloom radiating downward and outward behind the horizon
- linear-gradient(135deg, #2563EB 0%, #7C3AED 100%) — Primary Gradient Button: High-emphasis primary CTA button background with blue-to-purple shift
- linear-gradient(90deg, #C084FC 0%, #60A5FA 100%) — Headline Gradient Text: Gradient clipping fill on 'Production Confidence' display text
- #FFFFFF — Pure White: Highest emphasis typography including 'Ship AI with' and primary action labels
- #94A3B8 — Muted Slate: Supportive body copy, micro-trust checkmarks, and secondary badge text

TYPOGRAPHY
Typeface Inter (or Geist,SF Pro Display,Helvetica Neue), weights 400/500/600/700. Sizes 12px caption, 13px body-sm, 15px body, 17px body-lg, 20px heading, 64px display. Tracking -0.03em on display, -0.01em on body. The typography speaks with authoritative, technical clarity tailored for enterprise infrastructure engineers. Inter delivers ultra-clean legibility at extreme display sizes, while JetBrains Mono injects developer DNA through subtle command-line cues. For production builds without Inter, Geist or SF Pro Display offer an identical geometric-grotesque tone.

GEOMETRY & SPACING
Corner radii — cards 20px, links 4px, inputs 8px, buttons 10px. Spacing on a 4px unit, 16px gaps, 96px between sections, 1120px container, airy density.

DEPTH
Elevation is achieved entirely without drop shadows, using atmospheric light layers instead. The deepest baseline is total pitch black, raised by a glowing atmospheric cyan-blue aura that backlights the foreground components. Translucent surfaces use backdrop blur (16px) and delicate 1px light strokes on upper edges to imply glass catching overhead light.

IMAGERY
No photographic or illustrative raster imagery is present; the interface relies exclusively on astronomical vector lighting aesthetics. The dominant graphic element is the mathematically smooth planetary curve mimicking Earth's limb viewed from orbit. Icons are ultra-crisp single-color thin vector glyphs enclosed in 36px translucent circular wells.

SIGNATURE DETAIL — the thing that makes this design itself
The defining signature is the glowing planetary horizon arc positioned directly behind the bottom feature dock. This razor-sharp cyan curved crest bleeds into a diffuse cobalt atmospheric aura, giving the impression that the user interface is suspended in low-Earth orbit. Misusing it involves making the curve straight, flattening the glow into a solid stroke, or using warm chromatic tones.

MUST
- Keep the absolute canvas pure #000000 to prevent muddy atmospheric bloom rendering.
- Restrict bright color accents strictly to the planetary horizon curve and CTA gradient.
- Maintain high contrast by keeping the top headline line crisp solid #FFFFFF.
- Use subtle 1px translucent borders (rgba(255,255,255,0.12)) for glass dock boundaries.

AVOID
- Do not use solid opaque gray backgrounds; use blurred alpha transparency over black.
- Never apply warm accent colors like orange, red, or yellow to this palette.
- Avoid flat straight horizontal dividers; the cosmic curve provides essential identity.
- Do not set display typography lighter than 600 weight; it loses grounding against dark space.

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.