Design a dark-mode abstract background artwork: navigating deep enterprise knowledge through an illuminated cosmic observatory layered with delicate orbital telemetry overlays.
LAYOUT
The page uses an asymmetric split layout within a 1360px container. The left 40% houses a vertically stacked narrative: eyebrow, 4-line display headline, supporting body copy, dual CTA row, and a 3-part feature triad anchored at the bottom. The right 60% is an uncluttered, expansive canvas featuring the galaxy core, orbiting data points, and HUD readouts.
PALETTE (use these exact hex values)
- #030617 — Cosmic Void: Deepest canvas background behind all starfields and planetary structures
- #121b42 — Nebula Blue: Subtle luminous backdrop fill for card surfaces and modal glows
- #ffffff — Starlight White: Display headings, primary values, and high-contrast navigational labels
- #8e9bb4 — Cosmic Dust Grey: Body copy, supporting descriptions, and inactive telemetry metrics
- #38bdf8 — Telemetry Cyan: Orbital tracking rings, button focus outlines, and cold data markers
- #a855f7 — Pulsar Violet: Primary button gradient start, icon halos, and key node connections
- #f472b6 — Supernova Magenta: Orbital data beacon nodes, spark indicators, and metric trends
- linear-gradient(135deg, #1e1b4b 0%, #3b2a82 50%, #6366f1 100%) — Plasma Gradient: Primary interactive button fill with deep inner glow
TYPOGRAPHY
Typeface Plus Jakarta Sans (or Inter,General Sans,DM Sans), weights 400/500/600. Sizes 11px caption, 13px body-sm, 15px body, 16px subheading, 18px heading, 54px display. Tracking -0.02em at display, 0.05em at uppercase captions. The typography balances computational precision with visionary intellect. The clean, unadorned grotesque sans establishes clarity and operational rigor, while the sudden intrusion of an expressive, literary italic serif ('into understanding') gives the product an aura of transcendent, humanistic discovery. System fallback to Inter and Cormorant Garamond preserves this tension.
GEOMETRY & SPACING
Corner radii — cards 12px, links 4px, inputs 8px, buttons 8px. Spacing on a 4px unit, 24px gaps, 96px between sections, 1360px container, airy density.
DEPTH
Depth is created purely through luminous optical layering rather than physical drop shadows. Dark, empty space occupies the base layer, while distant particle terrain, midground volumetric nebulae, and foreground 1px telemetry rings float above each other with additive screen blend modes and localized radial color flares.
IMAGERY
The imagery is high-fidelity astrophysical realism merged with computational data meshes: a glowing ultraviolet spiral galaxy viewed at an oblique angle, layered over a shimmering digital wireframe terrain made of particle points. Avoid flat vector illustrations, photorealistic corporate stock photography, or cartoonish sci-fi spacecraft.
SIGNATURE DETAIL — the thing that makes this design itself
The dual-font headline pairing where the final aspirational outcome switches into a delicate high-contrast editorial italic serif, visually echoing the shift from raw data to deep understanding. It must always be set at the identical scale as the preceding sans text and rendered in an ethereal violet-white hue.
MUST
- Reserve the right side of the canvas for volumetric planetary and galactic artwork.
- Use 1px borders with opacity between 15% and 30% for delicate instrument-like interfaces.
- Limit the italic serif font strictly to emotional takeaway phrases in major headlines.
- Anchor data visualisations with glowing node dots surrounded by concentric 1px rings.
AVOID
- Do not use solid opaque container backgrounds that block the galactic starfield.
- Avoid warm earthy tones like orange, red, or beige; stick to cyan, violet, and indigo.
- Never apply the italic serif typeface to navigation, buttons, or technical metrics.
- Do not thicken HUD telemetry lines beyond 1px or 1.5px.
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