Nebular Intelligence

The canvas is anchored in a profound obsidian navy (#030914) that serves as infinite deep space for hyper-vibrant teal (#2ce5b4) and violet-blue (#6a5ff5) volumetric light flows. Chromatic energy is reserved almost exclusively for light refraction, data trajectories, and focal callouts, preventing visual exhaustion against the dark field. Typography pairs a crisp, neutral grotesque for functional telemetry with an evocative, high-contrast italic serif for emotional brand moments ('for the curious.'). Surfaces rely heavily on translucent skeuomorphism—frosted glass panels with 1px luminous rim borders (rgba(255,255,255,0.12)) and blurred backdrops (backdrop-filter: blur(24px)). Layout elements float like orbital HUD widgets, rounded between 16px for data cards and 999px for navigation and action pills. The immediate visual anchor is the cosmic swirling singularity on the right, balanced against the heavyweight 64px display headline.

1 design references

Prompt metadata
Shared by	@Devault
Model	GPT Image 2.5
Category	Hero sections & backgrounds
Dataset	stretchcloud · awesome-gpt-image-prompt-2.5

The prompt

Design a dark-mode abstract background artwork: bioluminescent deep-sea gradients and glass telemetry floating across an obsidian universe for high-cognition tools.

LAYOUT
The composition follows an asymmetrical hero architecture anchored by a floating top capsule navigation. The left half houses the content hierarchy: uppercase eyebrow, hybrid sans/serif headline, concise body copy, and a dual pill CTA group. The right half hosts a dense 3D visual focal point overlaid with floating glass telemetry widgets. The bottom is stabilized by a unified four-column translucent capability dock.

PALETTE (use these exact hex values)
- #030914 — Obsidian Base: Dominant cosmic canvas background supporting ambient particle fields and deep spatial depth
- #2ce5b4 — Nebula Teal: Primary bioluminescent glow, spark nodes, chart trajectories, and leading edge of primary CTA
- #6a5ff5 — Cosmic Violet: Secondary spectral light trail, nebula shadow tones, and trailing edge of gradient pills
- linear-gradient(135deg, #7af2ce 0%, #6e7df8 100%) — Aura Gradient: High-priority interactive actions, including the 'Request Access' and 'Explore Platform' pill buttons
- #f0f6fc — Star White: Display headings, active metrics, primary action labels, and high-emphasis interface text
- #8ba3b8 — Deep Muted Cyan: Secondary body text, inactive navigation links, subtitle copy, and contextual descriptors

TYPOGRAPHY
Typeface Plus Jakarta Sans (or Inter, General Sans, SF Pro Display), weights 400/500/600. Sizes 11px caption, 13px body-sm, 15px body, 17px body-lg, 24px subheading, 36px heading, 64px display. Tracking -0.03em at display, 0.08em at uppercase captions. The typography communicates intellectual depth and scientific precision. The pairing of a surgical, modern grotesque (Plus Jakarta Sans) with a poetic, high-contrast italic serif gives the platform an esoteric yet hyper-competent voice. Free Google Fonts substitutions like Plus Jakarta Sans paired with Instrument Serif perfectly reproduce this tension between computational logic and human discovery.

GEOMETRY & SPACING
Corner radii — cards 16px, links 999px, inputs 999px, buttons 999px. Spacing on a 8px unit, 20px gaps, 80px between sections, 1280px container, comfortable density.

DEPTH
Elevation is achieved through light pass-through rather than traditional drop shadows. Surfaces employ backdrop-filter blur effects (20px to 30px) coupled with 1px luminous top/left rim highlights in rgba(255, 255, 255, 0.12). True depth is volumetric: background cosmic clouds weave behind semi-transparent UI planes and push through to the front in soft specular glows.

IMAGERY
Features bespoke generative or 3D organic light phenomena resembling cosmic nebulas, glowing silk ribbons, and deep-sea bioluminescence. Imagery must incorporate delicate particulate dust, glowing wireframe nodes, and volumetric ray marching. Flat illustrations, stock photography of humans, or generic isometric corporate 3D are strictly off-brand.

SIGNATURE DETAIL — the thing that makes this design itself
The singular design move is the Typographic Hybrid Lockup intertwined with bioluminescent volumetric light: a strict geometric headline transitioning abruptly into an elegant, luminous gradient-tinted italic serif, floating weightlessly over a multi-layered glass HUD and deep cosmic nebula.

MUST
- Keep all floating surfaces semi-translucent with backdrop blur of 16-28px and 1px borders under 15% opacity.
- Reserve the dual-tone teal-to-violet gradient strictly for key calls-to-action and the serif italic headline accent.
- Pair geometric modern sans with an expressive, delicate italic serif for editorial nuance in headlines.
- Use pill geometries (border-radius: 999px) for both navigation wrappers and standalone interactive buttons.

AVOID
- Never introduce opaque white, grey, or solid bright surfaces that sever the continuous cosmic canvas.
- Do not use box-shadow with heavy black spreads; depth must stem from luminous edge borders and backdrop blurs.
- Avoid square or hard-cornered cards; every card surface must have a minimum border-radius of 16px.
- Never apply the italic serif font to navigational links, UI metrics, or body paragraphs.

OUTPUT
Render as a clean, pixel-crisp UI design at roughly 3424:2416. 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

Hero sections & backgroundsDesign reference

Accretion Core

Set against a vast cinematic deep-space panorama, this interface positions left-aligned typographic clarity against a radiant golden accretion vortex on the right. The canvas transitions from pitch void (#060f1e) through layered turquoise dust clouds (#1a7895) to an incandescent stellar core (#ffe89e). Text hierarchy relies on stark contrast: headers command attention with 56px white weights, punctuated by a kinetic peach-to-magenta linear-gradient on 'what matters.'. CTAs mirror this astral heat signature using pill-shaped (radius 999px) sunset gradients, while secondary actions use subtle frosted borders (rgba(255, 255, 255, 0.25)). Supporting metrics anchor the lower quadrant with compact 22px stat lockups paired with hairline line-art iconography. The entire composition balances the unrestrained organic luminance of interstellar nebulae with clean, grid-locked functional product chrome.

Hero sections & backgroundsDesign reference

Adaptive Athlete Bento

The canvas is anchored on an immaculate white base (#ffffff) paired with an ultra-light grey surface layer (#f7f8fa) that carves out crisp modular compartments. Color functions strictly as semantic guidance: a distinctive digital iris (#5e52d6) powers primary actions and key brand phrases, while soft pastel badge fills segregate distinct user personas without visual competition. Primary messaging commands attention through a 56px high-contrast sans-serif paired with an expressive, editorial italic serif contrast line that brings human emotion into software. Components conform to strict curvature hierarchies, featuring 16px radius bento tiles, 10px functional buttons, and 999px pills for floating metadata. Dense statistics sit directly beneath hero copy inside a dedicated low-elevation floating card. A reader first registers the high-contrast display hook before naturally sweeping across the 5-card multi-persona bento grid on the right, punctuated by the lone deep slate tile (#151c28).

Hero sections & backgroundsDesign reference

Aegis Command

The canvas executes a severe dual-world contrast: an ultra-clean clinical white (#FFFFFF) presentation plane hosts bold editorial typography, while a recessed, perspectival dark-mode (#090D16) mission console dominates the right viewport. Hierarchy relies strictly on stark luminosity contrast rather than decorative fills, using vibrant cobalt (#1D68F2) for direct actions and tactical red (#EF4444) strictly for threat telemetry. Display type reaches a confident 56px in bold weights, contrasted against 12px uppercase tracking labels and low-contrast 32px secondary leadings. The interface employs tight structural rounding, from 6px on primary button controls to 16px on the floating console bezel. Metrics and status indicators are grounded by a 3-column baseline card with 1px hairline dividers (#E2E8F0) and miniature system health pings. A spectator first notices the photorealistic earth-orbit visualization tilted inside the console before registering the stark three-word headline.

Hero sections & backgroundsDesign reference

Aerial Stealth Horizon

The canvas is anchored on an ultra-deep black (#03070b) accented by rounded containment cards filled with subtly lifted charcoal-tinted surfaces (#080d14). Accent energy flows strictly through a vivid turquoise-to-mint gradient (approx #17a9e2 to #63e69f) reserved for critical primary CTAs and punchy headline statements like 'Costs less.' Typography is set in a clinical, geometric grotesk like Inter or Geist, prioritizing stark white-to-slate contrast ratios and balanced letter tracking. Cards and pills use generous 16px to 20px radii paired with hairline borders (#16222f) that dissolve into shadows. A user immediately notices the large photographic viewport depicting an autonomous bio-drone against a digital point-cloud terrain before descending into structured, telemetry-style metric tiles.