Astral Signal

The canvas is a breathtaking, cinematic cosmic vista where deep obsidian space (#05070f) frames a dramatic convergence of crimson nebulae (#d92d27) and blazing electric cyan light (#3cd4f6). Typography relies entirely on a modern, crisp neo-grotesque sans-serif rendered in pure white (#ffffff) and muted slate-lavender (#9da4b6), positioned deliberately within the darker upper-left negative space to ensure absolute legibility. Interactive elements adopt high-contrast capsule geometry with full 999px pill radii, most notably the solid white primary CTA buttons that cut cleanly through the rich atmospheric background. The lower third anchors the narrative with a 3-column micro-feature grid spaced 48px apart, pairing delicate 16px geometric line glyphs with concise copy. A lone human silhouette stands atop a jagged precipice on the right, providing scale and an emotional focal point that balances the heavy display text on the left.

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: standing at the edge of cosmic data streams where deep red nebulae converge into piercing electric blue light.

LAYOUT
The page follows an asymmetric spatial balance. The top edge houses a sparse, airy navigation bar; the left middle block contains the semantic text hierarchy (eyebrow, 64px display headline, subtitle, dual CTAs); the bottom-left third is anchored by three micro-feature columns; the entire right half is reserved for the artistic focal point and light tunnel.

PALETTE (use these exact hex values)
- #05070f — Void Black: Deepest canvas background visible in the upper-left quadrant behind the primary typography.
- #ffffff — Signal White: Primary headline text, navigation link hover states, and solid background for primary pill buttons.
- #9da4b6 — Nebula Muted: Subtitles, secondary body copy, navigation menu items, and feature descriptions.
- #3cd4f6 — Laser Cyan: Eyebrow tag text, right-side light vortex streaks, and glowing atmosphere behind the cliff silhouette.
- #d92d27 — Supernova Crimson: Upper arching light streaks and cosmic dust particles framing the central horizon.
- #f16e34 — Solar Ember: Warm transitional velocity streaks bridging the red dust and the cyan vortex core.
- #0a0d14 — Button Dark Text: Label typography inside white primary capsule buttons for maximum local contrast.

TYPOGRAPHY
Typeface Inter (or Plus Jakarta Sans,SF Pro Display,Geist), weights 400/500/600. Sizes 11px caption, 13px body-sm, 14px subheading, 16px body, 64px display. Tracking -0.025em at display, 0.12em at eyebrow. The typography speaks with cool, measured, scientific authority. By employing an unadorned neo-grotesque sans-serif like Inter or Plus Jakarta Sans, the voice avoids melodrama and allows the cosmic artwork to convey emotion while the text delivers calm, precise clarity. Free substitutions include Geist Sans or SF Pro Display.

GEOMETRY & SPACING
Corner radii — cards 0px, links 2px, inputs 999px, buttons 999px. Spacing on a 8px unit, 32px gaps, 120px between sections, 1360px container, airy density.

DEPTH
Depth is entirely cinematic and environmental, created by atmospheric perspective in the illustration rather than CSS shadows. The interface elements exist on a singular, completely transparent plane directly over the canvas, with solid white buttons achieving elevation solely through extreme luminance contrast against the dark background.

IMAGERY
The visual hero is a sweeping, photorealistic digital artwork depicting hyper-accelerated light trails converging in deep space. A tiny, contemplative human silhouette stands on a dark rocky promontory, gazing into the cyan singularity. Cartoonish vectors, flat illustrations, or mundane corporate photography would completely break the grandeur.

SIGNATURE DETAIL — the thing that makes this design itself
The dual-temperature atmospheric vortex—a sweeping diagonal arc that separates smoldering deep crimson nebulae on the left from a blinding cyan hyperspace singularity on the right, with a lone silhouetted watcher providing immense human scale. It is misused when UI text is allowed to drift into the bright cyan core, destroying readability.

MUST
- Keep typography strictly constrained to the dark void in the upper-left quadrant for maximum readability.
- Use full pill (999px) border radii for all standalone primary action buttons.
- Render eyebrow metadata in uppercase cyan (#3cd4f6) with loose letter spacing (+0.12em).
- Ensure icons are featherweight line illustrations (1.25px to 1.5px stroke width) without container backgrounds.

AVOID
- Do not place translucent glassy cards or borders over the cosmic background image.
- Do not introduce filled colored backgrounds (red or cyan) for CTA buttons.
- Do not move the display headline over the high-brightness vortex on the right side.
- Do not use serif or decorative display typefaces that clash with the clean tech aesthetic.

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.