Design a dark-mode website section: deep void glassmorphism illuminated by dual-tone luminous particle streams and emerald ctas.
LAYOUT
The hero adopts an asymmetric two-column composition inside a ~1280px bounded container. The left side houses an editorial typography stack: status badge, display headline, paragraph, dual CTAs, and a three-column feature breakdown. The right side features an atmospheric visual focal point with a floating glass video slate hovering atop a 6-stage workflow stepper.
PALETTE (use these exact hex values)
- #03080A — Abyssal Black: Primary application canvas background creating deep atmospheric contrast
- #081318 — Surface Glass: Semi-transparent backdrop fill for elevated interactive cards and player panels
- #2AE09A — Mint Pulse: Primary call-to-action background, live status badge dots, and active pipeline indicator
- #4DE3D0 — Neon Cyan: Cool-spectrum particle stream and frosted glass directional glow
- #F18E4E — Solar Amber: Warm-spectrum particle stream and pipeline termination accent
- #1B3B3E — Subtle Cyan Border: 1px structural outline on secondary buttons, cards, and divider rules
- #FFFFFF — Text Primary: Headline typography, high-priority button text, and crisp active icons
- #94A3B8 — Text Secondary: Hero supporting paragraph, navigation links, and inactive timeline step labels
- #506970 — Text Muted: Micro-features copy and trust badge uppercase labels
TYPOGRAPHY
Typeface Inter Display (or Plus Jakarta Sans,SF Pro Display,General Sans), weights 400/500/600. Sizes 11px caption, 13px body-sm, 14px subheading, 15px body, 18px body-lg, 56px display. Tracking -0.03em at display, 0.08em at uppercase captions. The typographic tone is ultra-modern, technical, and precise. Inter Display (or similar modern neo-grotesques) conveys an engineering-led, authoritative voice capable of balancing massive display scales with razor-sharp micro-captions. Clean letterforms ensure supreme readability against complex light streams.
GEOMETRY & SPACING
Corner radii — cards 16px, links 4px, inputs 8px, buttons 8px. Spacing on a 8px unit, 20px gaps, 80px between sections, 1280px container, comfortable density.
DEPTH
Depth is created entirely by luminescence and surface transparency against a deep void canvas rather than drop shadows. Translucent glass surfaces (background-color with alpha channels) layer directly over vibrant particle graphics, accented by 1px cyan rim-lighting. Backdrops use subtle backdrop-filter blurs to soften high-density background elements.
IMAGERY
Imagery is purely algorithmic and generative: pointillist digital dust fields, flowing energy sine waves, and frosted optical glass. Color blends transition from electric cyan into golden-orange copper embers. Figurative photography or generic 3D human renders are strictly avoided in favor of scientific, procedural art.
SIGNATURE DETAIL — the thing that makes this design itself
The dual-tone pointillist wave: an undulating particle field transitioning from cool cyan to fiery amber, intersecting a floating frosted glass play-plate. To reproduce accurately, combine dense digital dot clusters with directional blur and layer a 16px-radius glassmorphic card over the crest.
MUST
- Anchor high-priority conversions with saturated mint-cyan (#2AE09A) on dark surfaces.
- Maintain high tracking (0.08em - 0.14em) on all uppercase micro-labels and badges.
- Use 1px borders with low-opacity cyan (#1B3B3E) to frame dark glassmorphic cards.
- Pair cool cyan lighting with complementary warm amber particles to evoke energy.
AVOID
- Never introduce opaque, high-saturation bright backgrounds; the canvas must stay near-black.
- Do not use heavy multi-color shadows; depth is created by atmospheric light and hairline borders.
- Avoid thick button borders (>1px); it breaks the clinical hardware aesthetic.
- Do not use standard serif or decorative typography for interface elements.
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 中尝试 
