Design a dark-mode abstract background artwork: standing at the frontier of knowledge beneath an iridescent electric sky.
LAYOUT
Asymmetric hero arrangement with text clustered heavily on the left two-fifths and expansive illustrative horizon claiming the right and background. Navigation floats cleanly at the top across a three-point axis: radial starburst mark on the far left, centered navigation links, and primary CTA on the right. Bottom baseline anchors with a segmented glass dock followed by three key stats and an italic learner pull-quote.
PALETTE (use these exact hex values)
- #071114 — Abyssal Space: Deepest canvas background behind top nav and baseline layout structure
- #D4F34A — Electric Lime: Primary CTA fill, glowing indicator pip, and headline highlight emphasis
- #2EE5D4 — Aurora Teal: Secondary luminous glow stream accent and tertiary badge outlines
- #FFFFFF — Pure White: Primary typography for top-level headings and strong stats
- #8FA5AA — Muted Slate: Body copy, subheaders, and secondary navigation links
TYPOGRAPHY
Typeface Instrument Serif (or Playfair Display, Italianno, Cormorant Garamond), weights 400. Sizes 12px caption, 13px body-sm, 15px body, 18px body-lg, 20px subheading, 44px heading-lg, 76px display. Tracking -0.02em. The voice balances scientific precision with visionary human aspiration. The clean geometric neo-grotesque (Plus Jakarta Sans match) sets an authoritative, modern tone, which is dynamically destabilized and softened by the romantic, expressive italic serif (Instrument Serif match) in the key phrase 'what's next.'. This duo signals an intellectual, high-craft learning experience.
GEOMETRY & SPACING
Corner radii — cards 24px, links 4px, inputs 9999px, buttons 9999px. Spacing on a 8px unit, 24px gaps, 96px between sections, 1240px container, comfortable density.
DEPTH
Elevation is achieved through light emission, backdrop translucency, and optical depth rather than dropped drop-shadows. The floating dock uses a subtle luminous top-border highlight and 20px blur against the cosmic terrain below. The glowing particle trails and sunburst horizon establish an atmospheric three-dimensional space.
IMAGERY
A cinematic, atmospheric fusion of deep celestial space and rugged terrestrial terrain. A solitary human silhouette stands against a luminous glowing horizon where swirling, fibrous ribbon particles of yellow and green aurora sweep upwards into darkness. Photography or render must look ethereal, painterly, and aspirational—never clinical, cartoonish, or corporate-stock.
MUST
- Pair the stark sans headline 'Learn for' with the italic serif highlight 'what's next.' for editorial warmth.
- Use backdrop-filter: blur(16px) with semi-transparent dark teal on dock panels above rich visual backgrounds.
- Restrain the electric lime (#D4F34A) strictly to CTAs, eyebrow pins, and highlight phrases.
- Keep icon glyphs enclosed in circular semi-translucent wells with a hairline border of 1px.
AVOID
- Do not introduce sharp 0px or small 4px corners; keep interactive containers and pills organic and heavily rounded.
- Do not use saturated pure greens or harsh blues; keep all atmospheric glows tuned to electric yellow-lime and deep teal.
- Do not use solid opaque black or grey boxes for feature sections; maintain luminosity and glass transparency.
- Do not set full body copy in the italic serif typeface; reserve serif solely for display punchlines.
OUTPUT
Render as a clean, pixel-crisp UI design at roughly 3424:2416. Flat vector rendering, real legible text, no browser chrome, no device mockup frame, no watermark, no lorem ipsum placeholder blocks. 在 DraPub 中尝试 
