Design a dark-mode abstract background artwork: deep void infrastructure illuminated by incandescent particle flows, crisp corporate typography, and orbital planetary arcs.
LAYOUT
The composition follows a single-screen, widescreen-optimized hero container capped at 1280px. Top navigation spans edge-to-edge within margins, followed by a dramatic left-heavy hero stack (eyebrow, display headline, body paragraph, button pair) occupying the left 50% of the horizontal plane. The right 50% remains open for the planetary visual, which sweeps underneath the text to support a balanced 4-column feature dock across the lower edge.
PALETTE (use these exact hex values)
- #020611 — Void Black: Primary canvas backdrop behind all cosmic imagery and interface elements
- #f97316 — Solar Flare: Eyebrow text, active pagination dots, and fiery gradient transitions
- #38bdf8 — Cosmic Cyan: Cool-spectrum particle streams, feature icon accents, and button gradient start
- linear-gradient(90deg, #0284c7 0%, #ea580c 100%) — Plasma Gradient: High-emphasis hero CTA button background
- #ffffff — Text Primary: Hero headline primary line, active nav links, and feature card headings
- #94a3b8 — Text Muted: Lead paragraph copy, inactive navigation items, and secondary card descriptions
TYPOGRAPHY
Typeface Inter (or Plus Jakarta Sans,SF Pro Display,Geist), weights 400/500/600. Sizes 11px caption, 13px body-sm, 14px body, 16px body-lg, 18px subheading, 24px heading, 56px display. Tracking -0.02em for large headings, 0.08em for uppercase tags. The typographic tone is authoritative, highly technical, and institutional. A crisp neo-grotesque sans-serif provides immediate enterprise legitimacy while remaining highly legible over optical backdrops. If Inter is unavailable, Plus Jakarta Sans or Geist preserve the architectural precision and wide aperture necessary for high-density AI telemetry.
GEOMETRY & SPACING
Corner radii — cards 0px, links 999px, inputs 8px, buttons 8px. Spacing on a 4px unit, 24px gaps, 96px between sections, 1280px container, comfortable density.
DEPTH
Depth is achieved entirely through light emission and optical translucency rather than drop shadows. Interface items float on top of luminous space imagery using subtle 1px borders (#334155) and semi-transparent backdrops (#0c152480). Foreground elements feel positioned close to the glass, while background particles sweep toward deep cosmic infinity.
IMAGERY
Photorealistic 3D rendering of an exoplanet or Earth limb crossed by sweeping particle trajectories and neural-network light threads. The light source is an intense solar flare rising over the planetary horizon, casting fiery golden illumination that blends into cybernetic blue telemetry. Flat vector illustrations, cartoon icons, or washed-out lifestyle photography are strictly prohibited.
SIGNATURE DETAIL — the thing that makes this design itself
The dual-temperature cosmic gradient split—where deep planetary cyan collides with a blazing solar flare and threads across the hero button—is the unmistakable identity marker. It grounds futuristic enterprise compute in planetary-scale authority. It fails when applied indiscriminately to all UI elements; it must be reserved strictly for the primary hero CTA and the natural horizon lighting.
MUST
- Anchor complex glowing cosmic imagery to the right and lower quadrants to let white text breathe.
- Use a dual cold-and-warm color balance: keep electric cyan in dialogue with fiery solar orange.
- Restrict pill radii strictly to the navigation CTA and pagination indicators.
- Apply gradient fills to headline text only on the second row for emotional emphasis.
AVOID
- Do not introduce solid opaque card containers behind the bottom four capability columns.
- Do not use saturated pure purple or magenta tones; adhere strictly to cyan-orange physics.
- Do not round the primary hero CTA buttons into fully rounded pill shapes.
- Do not allow particle background glows to cross beneath the 56px headline text.
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