Design a dark-mode abstract background artwork: an accretion disk of luminous telemetry orbiting crisp developer infrastructure in absolute void.
LAYOUT
The viewport adopts an asymmetrical split layout inside a 1360px container. The left 45% is dedicated to an authoritative vertical stack: eyebrow, 3-line headline, description paragraph, CTA pair, and a 3-column metric bar. The right 55% remains completely open for the glowing particle vortex, which dynamically curls over the right quadrant and bleeds into the footer.
PALETTE (use these exact hex values)
- #06070d — Abyssal Void: deep background canvas absorbing light across the entire viewport
- #0e101b — Atmospheric Obsidian: subtle background depth tint behind low-elevation telemetry columns and navigation
- #ff8811 — Solar Core Amber: primary interactive CTA button fill, logo spark, and first headline line
- #ffab42 — Plasma Glow: diffuse particle highlights, outer button bloom, and hover states
- #9333ea — Nebula Violet: secondary particle swirl core, eyebrow indicator dot, and uptime metric icon
- #38bdf8 — Celestial Cyan: cool periphery dust particles and global distribution metric icon
- #f8f9fc — Star White: secondary headline lines, numeric telemetry counters, and active nav states
- #8a90a6 — Muted Starlight: body description paragraph, inactive top links, and metric caption labels
- #1e2235 — Event Horizon Rule: hairline dividers between metric columns and ghost button outlines
TYPOGRAPHY
Typeface Plus Jakarta Sans (or Inter, Satoshi, Space Grotesk), weights 400/500/600/700. Sizes 12px caption, 14px body-sm, 16px body, 18px subheading, 32px heading, 64px display. Tracking -0.03em on display, 0.05em on eyebrow. The typography is clean, ultra-modern, and unemotional, serving as an architectural counterbalance to the chaotic cosmic particle field. Plus Jakarta Sans or Inter provides surgical clarity at 64px display sizes with -0.03em tracking. The typographic tone feels like a mission control command line merged with premier Silicon Valley infrastructure.
GEOMETRY & SPACING
Corner radii — cards 12px, links 4px, inputs 9999px, buttons 9999px. Spacing on a 4px unit, 24px gaps, 96px between sections, 1360px container, comfortable density.
DEPTH
Depth is created purely via luminosity against darkness rather than drop shadows. Three visual planes exist: the infinite void base canvas (#06070d), a mid-ground volumetric 3D particle vortex with variable bokeh blur, and the crisp floating foreground layer containing text and hairline UI elements.
IMAGERY
The imagery language is mathematical and astronomical: a toroidal accretion disk rendered as millions of discrete glowing light particles and spark trails with heavy depth of field. Avoid flat vector illustrations, photorealistic hardware renders, or generic corporate screenshots that would rupture the cosmic compute metaphor.
SIGNATURE DETAIL — the thing that makes this design itself
The signature move is the dual-tone multi-line display headline ('Build faster' in burning amber, followed by crisp white) paired with a full-height 3D toroidal particle storm that curves around the copy. Losing either the colored first line or the cosmic particle vortex completely breaks the brand's celestial-infrastructure identity.
MUST
- Render the first line of the main display headline in radiant amber (#ff9436) to establish reading order.
- Keep interaction surfaces strictly pill-shaped (radius: 9999px) to contrast the rigid text alignment.
- Isolate telemetry columns with transparent 1px hair-thin vertical borders (#1e2235) rather than solid container boxes.
- Align all body copy, primary CTAs, and telemetry metrics to the strict left grid margin.
AVOID
- Never enclose telemetry statistics inside card containers with opaque background fills.
- Do not use rectangular or low-radius corners on primary action buttons; keep them pure pills.
- Avoid multi-colored gradient headlines across individual words; keep color assignments cleanly split by line break.
- Do not use drop shadows on dark mode buttons; use soft colored outer glows (#ff8811 at 15% opacity) instead.
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