Singularity Canvas

The layout is anchored in a near-black void (#090b10) encircled by a hyper-dense orbital particle cloud that shifts dynamically from cool celestial ultraviolet to intense solar amber (#f58e58). Color is deployed almost exclusively as radiant light and atmospheric glow rather than flat graphic fill, creating extreme optical contrast against muted charcoal sub-surfaces. Typography leans heavily on a technical, monospaced aesthetic with generous line heights and disciplined tracking, balancing academic rigor with futuristic software poise. The viewport structure is geometrically pure: floating top navigation, an optical center-locked hero message contained inside the dark eye of the vortex, and a grounded five-column feature bar bounded by hairline rules. Key observed metrics include a 4px button border radius, approximately 48px to 54px headline scaling, and ultra-subtle border opacities around 12%. A viewer immediately registers the cosmic singularity vortex before reading the centered monospaced proposition.

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: a luminous particle vortex framing deep technical enquiry within an architectural dark void.

LAYOUT
The page adheres to a strict viewport-locked single-frame composition with three horizontal bands. The top 72px houses a low-friction global header with centered nav links. The central zone is dedicated to an open negative-space circular arena framed by the particle storm, perfectly centering the eyebrow, headline, copy, and ghost button. The bottom 100px is pinned as a grounded five-column matrix dividing functional pillars with subtle vertical rules.

PALETTE (use these exact hex values)
- #090b10 — Deep Singularity: Infinite canvas background and negative-space center of the particle vortex
- #e77a54 — Ember Flame: High-visibility primary action button fill and key point-light particle emitters
- #f5a378 — Solar Apricot: Gradient headline fill, active wireframe icon strokes, and particle rim lighting
- #3d2b52 — Cosmic Violet: Peripheral particle dust on the cooler western hemisphere of the vortex
- #f1e5dd — Off-White Solar: Top-level display typography, header brand mark, and high-emphasis labels
- #8c919d — Stardust Gray: Body descriptions, column support copy, and inactive navigation links
- #161922 — Subtle Obsidian: Hairline column separators across the bottom feature strip

TYPOGRAPHY
Typeface Berkeley Mono (or JetBrains Mono, IBM Plex Mono, Space Mono), weights 400/500/600. Sizes 11px caption, 13px body-sm, 14px subheading, 15px body, 48px display. Tracking 0.04em at display, 0.12em at kicker. The typographic tone is precision-engineered, clinical, and intellectually elevated. Monospaced display lettering strips away generic SaaS friendliness in favor of raw academic rigor and command-line heritage. Berkeley Mono or JetBrains Mono provides exact letterform spacing, distinct crossbars, and uncompromised clarity that positions the product as genuine infrastructure for frontier scientists.

GEOMETRY & SPACING
Corner radii — cards 0px, links 0px, inputs 4px, buttons 4px. Spacing on a 4px unit, 24px gaps, 96px between sections, 1360px container, airy density.

DEPTH
Elevation is achieved through optical luminance and negative space rather than standard drop-shadow z-indexes. Elements recede into deep cosmic void (#090b10) or emerge forward as self-illuminated particle fields and backlit typographic gradients. Overlays rely entirely on translucent alpha borders (rgba(245, 163, 120, 0.2)) against atmospheric particle haze.

IMAGERY
The imagery is generative, computational particle art: millions of point-light nodes forming an asymmetrical accretion disk with complex fluid turbulence. Visuals should resemble astronomical phenomena, astrophysics simulations, or quantum point clouds. Under no circumstances should stock corporate photography, 3D clay illustrations, or raster screenshots enter the canvas.

SIGNATURE DETAIL — the thing that makes this design itself
The singular identifying move is the 'Accretion Void'—a dense orbital particle field that dynamically wraps around a pristine circular vacuum of negative space containing the headline unit. Misusing it involves allowing particles to drift across the headline text, breaking the optical silence and destroying typographic legibility.

MUST
- Keep the center of the particle vortex completely pitch black to maintain headline legibility.
- Use monospaced or semi-monospaced typography for all primary display lines and metric tags.
- Constrain colorful glowing particles strictly to background atmosphere; never use neon text shadows.
- Separate bottom horizontal data cells using fine 1px structural borders rather than drop shadows.

AVOID
- Do not place floating cards or solid white surfaces over the particle field.
- Never use soft, blurred drop shadows; this system derives all depth from optical light emission.
- Avoid standard high-saturation blue or neon green accents that break the ember-and-void palette.
- Do not use high-radius circular bubble pills for content containers or feature cards.

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