Design a dark-mode website section: deep-space telemetry rendered in crisp electric cobalt, architectural wireframes, and obsidian glass panels.
LAYOUT
Structured around stacked floating master panels inside a centered 1280px frame. The upper card acts as the focal CTA with an asymmetrical 55/45 split: left side holds badge, H1, dual CTAs, and a 3-column stats bar; right side exposes dramatic orbital array imagery. Directly underneath sits the footer panel structured in a 6-column grid (Brand, Product, Solutions, Resources, Company, Newsletter) capped by a utility sub-footer bar.
PALETTE (use these exact hex values)
- #030712 — Space Void: Deepest canvas background behind floating rounded interface slabs.
- #070d1a — Navy Obsidian: Background fill for the primary CTA stage and footer panel containers.
- #162238 — Subtle Border: Structural boundaries outlining cards, stat dividers, input fields, and pill buttons.
- #1d68f5 — Electric Cobalt: Primary interactive fills for CTA buttons, subscribe actions, and glowing wireframe highlights.
- #ffffff — Starlight White: Primary headings, dominant numeric statistics, and high-emphasis logo wordmark.
- #8da0b6 — Cool Slate: Body paragraphs, link list items, secondary subheadings, and icon strokes.
- #576b84 — Muted Column Header: All-caps category headers, copyright statement, and input placeholder copy.
- #06b6d4 — Plasma Cyan: Telemetry icon container tint and orbital solar array neon guide line.
TYPOGRAPHY
Typeface Inter (or Plus Jakarta Sans, Geist Sans, SF Pro Display), weights 400/500/600/700. Sizes 12px caption, 12px subheading, 13px body-sm, 15px body, 16px body-lg, 20px heading, 48px display. Tracking -0.025em for display, 0.04em for caps. Engineered, technical, and authoritative. Clean geometric grotesque letterforms set with tight display tracking deliver enterprise aerospace credibility without drifting into gimmicky display sci-fi fonts.
GEOMETRY & SPACING
Corner radii — cards 20px, links 6px, inputs 10px, buttons 10px. Spacing on a 8px unit, 20px gaps, 24px between sections, 1280px container, comfortable density.
DEPTH
Depth is rendered entirely through luminance stratification and glowing edge accents rather than drop shadows. Recessed surfaces use dark navy tints (#0c1322) while active CTA cards glow along structural wireframe vectors with cyan neon falloff.
IMAGERY
Photorealistic high-orbit orbital composite photography viewed from low-Earth orbit, looking down across curvature and city night-lights. Hard sci-fi architectural space solar arrays featuring geometric photovoltaic grids and bright luminescent edge rails extending toward the horizon; avoid illustrative or cartoonish space tropes.
SIGNATURE DETAIL — the thing that makes this design itself
A floating dark slab framing high-orbit Earth perspective that intersects precisely with a luminescent blue wireframe edge running parallel to the CTA copy.
MUST
- Encase primary page sections into separate, floating curved cards (radius 20px) on an outer black canvas.
- Pair photorealistic orbital space perspectives with glowing electric cyan wireframes receding toward Earth.
- Keep navigation headers strictly uppercase, 11px-12px, with positive tracking (+0.08em) in muted slate (#576b84).
- Use thin 1px vertical border dividers to segment technical metrics within hero blocks.
AVOID
- Do not use warm tones like red, orange, or yellow anywhere in UI accents.
- Do not let background imagery bleed edge-to-edge without the outer rounded container bounds.
- Do not use standard 400 weight for numerical metrics; render them in 600 or 700 bold white.
- Do not omit the 1px perimeter border on dark surface panels, as cards will blend into the void.
OUTPUT
Render as a clean, pixel-crisp UI design at roughly 1792:1024. Flat vector rendering, real legible text, no browser chrome, no device mockup frame, no watermark, no lorem ipsum placeholder blocks. Try in DraPub