Design a dark-mode website section: deep orbital twilight with precision aerospace typography and high-trust compliance cues.
LAYOUT
Vertical progression begins with a floating, full-width rounded billboard CTA card containing centered copy and buttons. Directly below sits a 6-column content matrix: brand bio and socials on the far left, four uniform text link columns in the center, and a newsletter subscription block on the far right. The bottom edge is capped by a horizontal baseline split between copyright notice and security badges.
PALETTE (use these exact hex values)
- #060c16 — Deep Space Canvas: Global background for the entire footer canvas and outer viewport wrapper.
- #0a1322 — Orbital Night Tint: Background tint for email input field and interactive social icon tiles.
- #1f6bf2 — Electric Orbit Blue: High-visibility fill on the primary demo call-to-action button.
- #38bdf8 — Atmospheric Cyan: Gradient start for emphasized display keywords like 'next' and brand mark accents.
- #c084fc — Dawn Lilac: Gradient finish for emphasized hero words like 'space' and the brand mark glow.
- #99f6e4 — Ion Mint: Solid highlight background on the newsletter submission arrow button.
- #ffffff — High-Contrast White: Display headlines, column headers, button labels, and brand logotype.
- #899bb5 — Muted Horizon Steel: Footer navigational links, hero body copy, and secondary button border tint.
- #1c2b42 — Dark Satellite Stroke: Dividers, social button outlines, and email input border stroke.
TYPOGRAPHY
Typeface Inter (or Plus Jakarta Sans,Geist,SF Pro Display), weights 400/500/600/700. Sizes 12px caption, 13px body-sm, 14px body, 15px body-lg, 18px subheading, 48px display. Tracking -0.02em at display, 0 at body. Disciplined, aerospace-grade modernism that communicates absolute operational stability and high velocity. Using standard geometric grotesk proportions ensures dense data and extensive legal/compliance lists remain crystalline down to 12px.
GEOMETRY & SPACING
Corner radii — cards 24px, links 6px, inputs 10px, buttons 10px. Spacing on a 4px unit, 32px gaps, 64px between sections, 1280px container, comfortable density.
DEPTH
Depth is rendered organically via realistic celestial atmospheric glow and edge illumination rather than dropped shadows. Floating UI elements like buttons and newsletter inputs use razor-thin 1px border strokes (rgba(255,255,255,0.12)) to separate themselves cleanly from the deep navy void.
IMAGERY
Photorealistic orbital photography showing Earth's curved limb, sunrise atmospheric backlighting, and city night lights from low-Earth orbit. Avoid stylized cartoons, 3D rocket renders, or generic sci-fi vector illustrations.
SIGNATURE DETAIL — the thing that makes this design itself
The panoramic curved-horizon sunrise card floating directly above a hyper-rigorous, six-column midnight-navy enterprise directory. The signature identity breaks instantly if the orbital hero photography is replaced by abstract vectors or if the compliance certifications are omitted.
MUST
- Retain the high-orbit curvature visual strictly inside the rounded CTA card, never across the flat footer.
- Use text-fill gradient highlights exclusively on the final keyword of each display phrase.
- Keep footer column link text strictly at 13px or 14px in muted steel (#899bb5).
- Pair the primary deep blue CTA button with a pale mint/cyan accent on smaller interactive utilities.
AVOID
- Do not use sharp 0px corners; maintain 24px on outer cards and 10px on interactive elements.
- Never set footer category links to bright white; reserve pure white for column headers.
- Do not add glowing drop-shadows under buttons; rely on clean edge contrast.
- Avoid multi-colored gradient buttons; only the display typography uses the cyan-to-purple shift.
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 中尝试 
