Design a dark-mode abstract background artwork: deep space cosmic terrain meets intense dawn gradients for mission-critical enterprise intelligence.
LAYOUT
The interface executes an asymmetrical split-screen composition anchored in a 1280px bounding box. A transparent navigation bar sits at the top margin with 40px vertical inset. The left half holds the primary typographic stack (eyebrow, 3-line display heading, summary copy, and dual CTA group). The bottom region divides into a 3-column feature list on the left and a floating glass metric dock pinned to the bottom right beneath the brightest solar flare.
PALETTE (use these exact hex values)
- #060813 — Deep Space Canvas: Foundational dark background beneath the particle landscape, dominating the left content viewport
- linear-gradient(90deg, #F8CB44 0%, #E9587B 100%) — Solar Dawn Gradient: Key accent applied to primary CTA pills, logo starburst, and highlighted display typography
- #2DD4BF — Aurora Teal: Mid-ground nebula tint and accent glow across the celestial dust clouds
- #FFFFFF — Starlight White: Primary display text, major heading words, and high-emphasis interface values
- #94A3B8 — Muted Nebula Slate: Subheadings, descriptive body paragraphs, and secondary navigation links
- #F5A623 — Solar Amber Text: Uppercase eyebrow header and primary highlight metric tints
TYPOGRAPHY
Typeface Plus Jakarta Sans (or Inter, DM Sans, Outfit), weights 400/500/600/700. Sizes 12px caption, 13px body-sm, 15px body, 16px subheading, 18px body-lg, 32px heading, 56px display. Tracking -0.025em on display, 0.15em on eyebrow. Plus Jakarta Sans delivers an ultra-modern, technical, yet humanistic aesthetic. The crisp geometry and tight display kerning (-0.03em) anchor the weighty enterprise promise ('AI infrastructure you can trust') without feeling sterile. In production, Inter or DM Sans serve as flawless open-source substitutes provided tight tracking is enforced on display headlines.
GEOMETRY & SPACING
Corner radii — cards 20px, links 4px, inputs 999px, buttons 999px. Spacing on a 4px unit, 24px gaps, 120px between sections, 1280px container, comfortable density.
DEPTH
Elevation is achieved through light and atmospheric opacity rather than hard drop shadows. The backdrop horizon glows with photographic intensity, while foreground elements utilize semi-transparent obsidian glass (rgba(22, 14, 34, 0.55)) with 1px luminous rim strokes (rgba(255, 255, 255, 0.12)) and backdrop-filter blur to float over the particle landscape.
IMAGERY
The imagery consists of a photorealistic 3D particle terrain and celestial nebula where glowing point-cloud topographies resemble mountain ridges under a cosmic sunrise. The right side features warm, volumetric atmospheric illumination fading into cyan stellar dust in the upper mid-ground. Vector illustrations or flat tech graphics would severely break the cinematic, high-computing mood.
SIGNATURE DETAIL — the thing that makes this design itself
The dramatic visual convergence of a dark cosmic particle landscape on the left bleeding into a brilliant, fiery yellow-magenta horizon on the right, mirrored typographically by rendering the final display clause ('built to last.') in the exact same solar gradient as the primary pill CTA.
MUST
- Keep the left 45% of the hero viewport dark and uncrowded so text maintains WCAG AAA contrast against deep space.
- Restrict the sunrise gradient (yellow to magenta) to exactly one primary action, key phrase highlight, and the logo.
- Use 999px fully rounded pill geometry for all prominent call-to-action buttons.
- Apply wide letter-spacing (0.15em) strictly to all-caps eyebrow labels at 12px.
AVOID
- Do not place high-density solar flare graphics directly beneath white body typography.
- Do not use sharp 0px or small 4px corner radii for buttons; maintain consistent pill geometry.
- Do not introduce cool blue or pure green gradients that conflict with the cosmic amber-coral sunrise palette.
- Do not add solid opaque dark containers for metrics; they must remain translucent glass.
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 中尝试