Design a dark-mode abstract background artwork: cosmic deep-space telemetry meeting high-assurance enterprise computing at planetary scale.
LAYOUT
Asymmetric two-column visual rhythm in the hero viewport transitioning to a structured 4-column grid. The left 50% holds the left-aligned headline typography, contextual subtitle, and dual CTA cluster, while the right 50% yields fully to the celestial particle bloom. Beneath, a balanced four-part value proposition runs edge-to-edge above an integrated logo divider.
PALETTE (use these exact hex values)
- #030714 — Abyssal Canvas: Primary background tone across the full viewport, absorbing ambient back-scatter
- #081226 — Sub-surface Navy: Slightly elevated structural tone underlying faint cards and divider boundaries
- #00f0ff — Hyper Cyan: Hero kinetic flare, primary CTA left gradient anchor, and emphasized keyword highlights
- #fb923c — Radiant Amber Coral: Hero headline accent word, primary CTA right gradient stop, and warm corona highlights
- #f8fafc — Photon White: Primary headings, dominant hero display lettering, and active navigation labels
- #94a3b8 — Starlight Muted: Hero description copy, feature body text, and inactive top-nav links
- #38bdf8 — Telemetry Cyan: Micro-labels, category eyebrows, and small navigational indicator icons
- #1e293b — Border Hairline: Dividers, grid demarcations, and boundary lines across the partner banner
TYPOGRAPHY
Typeface Plus Jakarta Sans (or Inter, General Sans, Aeonik), weights 400/500/600/700. Sizes 11px caption, 13px body-sm, 15px body, 17px body-lg, 18px subheading, 24px heading, 56px display. Tracking -0.03em at display, 0 at body. The voice is authoritative, deterministic, and futuristic. Crisp neo-grotesque sans-serif provides enterprise trust and readability, while uppercase monospace accents convey raw compute capability and infrastructure precision. If Plus Jakarta Sans is unavailable, Inter or General Sans provide seamless drop-in replacements.
GEOMETRY & SPACING
Corner radii — cards 8px, links 2px, inputs 6px, buttons 6px. Spacing on a 8px unit, 32px gaps, 80px between sections, 1360px container, comfortable density.
DEPTH
Depth is produced entirely via luminous hierarchy and optical bloom rather than drop shadows. High-z elements receive pure optical emission (#00f0ff, #fb923c) that bleeds into the deep space vacuum, while secondary components stay semi-transparent or hairline-etched against the dark substrate.
IMAGERY
The imagery is purely synthetic and astronomical: a macroscopic planet-scale curvature rendered with iridescent fiber-optic light streaks, glittering multi-spectrum point clouds, and chromatic aberration flares. Strictly avoid stock photography, literal hardware depictions, or non-abstract illustrations.
SIGNATURE DETAIL — the thing that makes this design itself
The sweeping celestial limb on the right canvas edge composed of fiber-optic stream lines, volumetric particle dust, and dual-tone chromatic flare. To implement properly, render it as an asymmetric right-aligned background element that flows underneath navigational anchors without obstructing text legibility.
MUST
- Retain the pure abyssal black background (#030714) to let glowing particle effects radiate cleanly without muddy contrast.
- Restrict color gradients solely to action buttons, hero headline highlights, and cosmic background illumination.
- Set category eyebrows in uppercase monospace with at least 0.15em letter-spacing for a telemetric, mission-critical tone.
- Keep icons minimal with uniform 1.5px stroke weight and direct color coding to match feature domains.
AVOID
- Never introduce opaque light-gray card backgrounds or solid structural white panels that pierce the deep space atmosphere.
- Do not use drop shadows; all visual depth must originate from directional lens flares and ambient back-glow.
- Avoid centering the hero headline copy; keep the narrative left-aligned against the celestial visual arc on the right.
- Do not round buttons beyond an 8px radius; fully rounded pills clash with the engineered industrial feel.
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