Design a dark-mode website section: deep navy void pierced by radar telemetry, glowing vector pins, and cyan phosphorescence.
LAYOUT
The header sits pinned at top with loose horizontal rhythm spanning logo, centrally offset menu items, and right-aligned CTA group. Below, a two-column hero splits roughly 45/55: the left column stacks status badge, massive multi-line title, body explanation, dual CTA pills, and a 3-part micro-feature row. The right column is entirely reserved for the expansive glowing 3D telemetry visualization. Beneath the hero, a full-width audience segment bar anchors the transition to subsequent content.
PALETTE (use these exact hex values)
- #050914 — Canvas Midnight: Base canvas background color dominating entire interface
- #0a1120 — Surface Navy: Card backgrounds, section enclosures, and lower category banner
- #1e293b — Surface Border: Subtle hairline outlines on pill badges, buttons, and section dividers
- #00d2ff — Telemetry Cyan: Primary CTAs, logo brandmark, and holographic sensor highlights
- #22c55e — Tactical Emerald: Live status indicators, radar scanning circles, and security badge highlights
- #f8fafc — Text Primary: Headings, brand typography, and active navigation labels
- #94a3b8 — Text Secondary: Body copy, inactive nav links, and sub-labels
- #475569 — Text Muted: Tertiary metadata, micro-headers, and disabled elements
TYPOGRAPHY
Typeface Inter (or Geist,SF Pro Display,Plus Jakarta Sans), weights 400/500/600/700. Sizes 11px caption, 13px body-sm, 14px body, 16px body-lg, 18px subheading, 32px heading, 52px display. Tracking -0.03em at hero title, +0.06em on uppercase microcopy. The typography is clinical, authoritative, and mission-critical. Using a clean sans-serif like Inter with negative letter-spacing in display sizes gives it a severe, defense-grade executive tone. The contrast between bold 52px sentence-case statements and tiny uppercase technical tags reinforces precision intelligence operations.
GEOMETRY & SPACING
Corner radii — cards 16px, links 4px, inputs 999px, buttons 999px. Spacing on a 8px unit, 24px gaps, 80px between sections, 1280px container, comfortable density.
DEPTH
Depth is rendered exclusively through luminosity and opacity layering rather than standard drop shadows. Foreground tactical assets emit colored radial glows (#00d2ff and #22c55e) onto the pitch-black backdrop, giving the illusion of a glowing digital command table. Flat surfaces use hairline borders (#1e293b) to float cleanly above canvas level.
IMAGERY
Imagery consists of an isometric digital-twin landscape built of dark architectural geometry, blue point-cloud particle fields, and glowing wireframe telemetry. Tactical UI elements like radar circles, target reticles, camera cones, and location pins float directly on the 3D map. Realistic stock photography of actual personnel or day-lit scenes is completely excluded.
SIGNATURE DETAIL — the thing that makes this design itself
The signature element is the combination of an isometric dark-mode geospatial mesh illuminated by vibrant cyan and emerald radar beams, paired with pill-shaped dual CTAs and precision hairline tactical badges.
MUST
- Keep background surfaces near-black (#050914) to maintain luminous telemetry hologram contrast.
- Use pill border-radius (999px) for all interactive action buttons and micro-announcements.
- Restrict bright cyan (#00d2ff) to primary actions, brand symbols, and active radar beacons.
- Render isometric geospatial grids with point-cloud particle density and soft radial glows.
AVOID
- Do not introduce warm color tones like yellow, orange, or crimson into the palette.
- Do not use sharp 0px or boxy rectangular corners on CTA buttons.
- Do not apply heavy solid fills to secondary buttons; keep them border-only or dark pills.
- Do not use conventional flat photographic portraits; use telemetry and dark-mode data cartography.
OUTPUT
Render as a clean, pixel-crisp UI design at roughly 1440:896. Flat vector rendering, real legible text, no browser chrome, no device mockup frame, no watermark, no lorem ipsum placeholder blocks. 在 DraPub 中尝试 
