Design a dark-mode website section: military-grade autonomy cloaked in deep void black, luminous tactical emerald, and reticle wireframes.
LAYOUT
The frame splits into two defined zones: a dramatic conversion hero with a prominent left-aligned headline and floating telemetry card on the right, followed by a quiet, highly structured 5-column footer. The lower bar locks horizontal legal text and compliance links against opposite margins.
PALETTE (use these exact hex values)
- #020508 — Deep Obsidian: Deepest canvas background for the hero CTA and outer frame
- #040e15 — Midnight Teal: Lower navigational surface base establishing subtle section differentiation
- #1a7c56 — Tactical Jade: Primary solid CTA button background and branding mark accent
- #34d399 — Phosphor Mint: Monospace tags, system status indicators, and tactical HUD elements
- #1d323b — HUD Border Grey: 1px hairline borders for telemetry panels, inputs, and social icons
- #f8fafc — Text Primary: Primary headline typography and high-contrast labels
- #94a3b8 — Text Muted: Secondary copy, nav links, and legal disclosure lines
- #475569 — Text Dim: Telemetry field labels and low-emphasis copyright notices
TYPOGRAPHY
Typeface Inter Display (or Geist,SF Pro Display,Helvetica Neue), weights 400/500/600/700. Sizes 11px caption, 12px subheading, 13px body-sm, 14px body, 16px body-lg, 20px heading, 48px display. Tracking -0.03em for titles, 0.05em for uppercase. The typographic tone is stern, authoritative, and mission-critical. Combining an austere modern neo-grotesque display with disciplined, wide-tracked monospace readouts conveys defense-industry rigor, government reliability, and high-precision automation.
GEOMETRY & SPACING
Corner radii — cards 8px, links 4px, inputs 6px, buttons 8px. Spacing on a 8px unit, 24px gaps, 96px between sections, 1280px container, comfortable density.
DEPTH
Depth is rendered organically through luminous horizon lighting radiating from the right edge rather than physical shadows. Interface modules simulate cockpit glass via 1px muted borders (#1d323b) and translucent dark-tinted backdrops over the underlying rays.
IMAGERY
Vector line graphics depict optical HUD targeting rings, precision crosshairs, and dynamic curved trajectory rays mimicking orbital vectors. Photography or illustration must be strictly aerospace, defense hardware, or deep-space horizon flares; playful or organic imagery breaks the defense paradigm.
SIGNATURE DETAIL — the thing that makes this design itself
The explosive solar horizon lens flare slicing across the canvas with orbital trajectory arcs and targeting HUD reticles. It transforms a standard enterprise CTA into a military-grade aerospace command console; misuse occurs if replaced with standard corporate abstract gradients.
MUST
- Use deep void black (#020508) as base to maximize flare and glow contrast.
- Style uppercase metadata labels with high letter-spacing (+0.1em) and monospace styling.
- Keep hairline borders strictly at 1px with dark cyan-grey hex #1d323b.
- Pair emerald buttons (#1a7c56) with white text and trailing directional glyphs.
AVOID
- Never use warm yellow or standard blue accents; keep glows strictly mint and cyan.
- Do not round corners beyond 8px except for circular reticle HUD graphics.
- Avoid heavy drop shadows; rely entirely on ambient horizon light and hairlines for depth.
- Do not use sentence case for tactical metadata status badges or kickers.
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. 在 DraPub 中尝试 
