Design a dark-mode abstract background artwork: cosmic deep space computational data visualisations floating above an abyss of starlight.
LAYOUT
Asymmetrical two-column hero composition within a max-width 1360px container. Left column contains brand logo, display headline, body description, CTA row, and bottom telemetry stat sheet. Right column is dominated by an expansive multi-layered luminous cosmic data visualization with attached pointer annotations.
PALETTE (use these exact hex values)
- #030611 — Abyssal Void: Primary background viewport canvas, deep near-black cosmic field
- #4ee0dc — Cyan Plasma: Primary action buttons, active callout indicators, and key metric glows
- #38bdf8 — Nebula Sky: Secondary brand highlights, headline gradient transitions, and sub-layer lighting
- #a855f7 — Cosmic Violet: Tertiary accent for data badges and particle scatter annotations
- #22c55e — Aurora Lime: Secondary node marker on the visual diagram and secondary stat icons
- #f8fafc — Primary Text: Main display headline, prominent values, and primary action labels
- #94a3b8 — Muted Starfield: Navigation links, secondary supporting copy, and sub-labels
TYPOGRAPHY
Typeface Plus Jakarta Sans (or Inter, Space Grotesk, Syne), weights 400/500/600/700. Sizes 11px caption, 13px body-sm, 15px body, 20px subheading, 24px heading, 64px display. Tracking -0.03em at display, 0 at body. Clean, scientific, and futuristic. The combination of an open, geometric sans for headings and an engineering-grade monospace for annotations suggests high-level deep-tech intelligence and planetary-scale precision.
GEOMETRY & SPACING
Corner radii — cards 16px, links 4px, inputs 8px, buttons 9999px. Spacing on a 8px unit, 24px gaps, 96px between sections, 1360px container, comfortable density.
DEPTH
Depth is created purely through luminous optical layering rather than physical shadows. High-density glow maps, overlapping translucent orbital shells, and blur-filtered glass surfaces create a multi-plane spatial cockpit atmosphere over a deep cosmic backdrop.
IMAGERY
Visual assets consist of procedural 3D point clouds, luminous concentric gravitational wireframes, and high-fidelity planetary renders. Vector photography, flat cartoon illustrations, or warm terrestrial imagery are completely off-brand.
SIGNATURE DETAIL — the thing that makes this design itself
The translucent multi-layered orbital shell system enveloped by glowing particle clouds and annotated with hairline technical pointer labels. Replicate it with concentric semi-transparent 3D ellipsoids overlaid with additive blend-mode point meshes and angled connector lines.
MUST
- Use solid high-luminance cyan (#4ee0dc) exclusively for primary interactive focal points.
- Keep text headlines high contrast with gradient masks shifting gracefully from white to soft azure.
- Render data callout lines as ultra-thin (1px) semi-transparent vectors with angled joints.
- Frame secondary telemetry inside frosted glass panels with subtle border highlights (rgba(255,255,255,0.08)).
AVOID
- Do not use solid opaque card surfaces that obscure the cosmic nebula background.
- Do not use warm hues like orange or red; maintain a cold cyan, green, and indigo palette.
- Do not apply drop shadows to buttons; use radial colored glows instead.
- Do not set display headings in all caps; sentence or title case creates technical elegance.
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