Design a dark-mode abstract background artwork: enterprise ai infrastructure framed as a luminous living biosphere embedded in deep synthetic darkness.
LAYOUT
The hero layout implements an asymmetric split-screen composition anchored inside a 1280px container. The left 50% accommodates typographic hierarchy: eyebrow badge, three-tier display headline, descriptive paragraph, dual CTA buttons, and security credentials. The right 50% lets the glowing planetary terrarium breathe unhindered, while the bottom spans four evenly spaced telemetry cards bridging tech metrics over mossy leaves.
PALETTE (use these exact hex values)
- #040a0b — Abyssal Forest: Foundational canvas backing all content and organic depth layers
- #0a1716 — Bioluminescent Glass: Translucent background fill for bottom floating telemetry cards with back-blur
- #b2ec3b — Electric Chartreuse: High-visibility primary cta fill, key headline accent, and glowing sparkline graphs
- #2de1a2 — Canopy Teal: Atmospheric bloom, planet vector grid lines, and secondary badge accents
- #ffffff — Pure Starlight: Primary headline phrases, button text on dark states, and key data numerals
- #869d98 — Muted Sage: Exploratory navigation links, body copy, and secondary card descriptions
- #1a3532 — Bio Wireframe: Subtle 1px container boundaries on telemetry cards and secondary buttons
TYPOGRAPHY
Typeface Plus Jakarta Sans (or Inter, DM Sans), weights 400/500/600/700. Sizes 11px caption, 13px body-sm, 15px body, 18px body-lg, 24px subheading, 60px display. Tracking -0.03em at display, 0.02em at body, 0.08em at uppercase. The typography conveys razor-sharp precision, technical confidence, and institutional maturity. Clean grotesque curves prevent the lush, organic concept from feeling unscientific, balancing high-tech infrastructure with ecological responsibility. Plus Jakarta Sans or Inter provides the ideal neutral weight balance and legible tracking.
GEOMETRY & SPACING
Corner radii — cards 16px, links 999px, inputs 10px, buttons 10px. Spacing on a 8px unit, 20px gaps, 96px between sections, 1280px container, comfortable density.
DEPTH
Depth is created entirely through optical radiance and layered atmospheric opacity rather than drop shadows. Flat, translucent glass cards with fine border strokes float over deep green photographic greenery, which in turn fades into a cosmic abyss. High-intensity backlighting acts as the primary depth cue, casting rim light across foreground leaves and content containers.
IMAGERY
The visual anchor is a hyper-detailed spherical biosphere blending a digital wireframe planetary dome with a real waterfall and sunlit tropical rainforest. Foliage frames the viewport perimeter, blending directly into the dark interface base. Any imagery lacking biological elements, or featuring flat corporate vector art, would severely disrupt the narrative.
SIGNATURE DETAIL — the thing that makes this design itself
The distinctive synthesis of an illuminated terrarium orb merging digital mesh coordinates with a lush jungle waterfall, directly grounded by dark telemetry cards with glowing chartreuse data lines. It visually asserts that compute power can be simultaneously colossal, secure, and environmentally harmonious.
MUST
- Reserve the electric chartreuse (#b2ec3b) exclusively for key conversion steps, active telemetry, and one headline phrase.
- Use backdrop-filter blur (16px to 24px) on telemetry cards to separate interface data from dense foliage art.
- Keep typography tight and geometric with negative tracking on headings (-0.03em).
- Ensure dark canvas borders never exceed 1px stroke using muted teal-slate hues (#1a3532).
AVOID
- Do not introduce warm tones like orange, red, or purple that clash with the biophilic emerald aesthetic.
- Do not make cards completely opaque; doing so destroys the environmental depth of the foliage.
- Avoid fully rounded pill shapes on content cards; reserve pills solely for the primary and contact buttons.
- Do not set long paragraphs in chartreuse or teal; use these colors only as targeted highlights.
OUTPUT
Render as a clean, pixel-crisp UI design at roughly 3408:2416. Flat vector rendering, real legible text, no browser chrome, no device mockup frame, no watermark, no lorem ipsum placeholder blocks. 在 DraPub 中尝试 
