Design a light-mode website section: crystalline enterprise confidence floating above an ethereal cerulean glow into deep midnight structure.
LAYOUT
The page transitions from an expansive two-column split hero (left: headline and CTAs; right: oversized floating dashboard) to a solid, grounded four-to-five column dark footer. The hero columns balance heavy typographic weight on the left with rich visual information on the right. Below, the footer splits neatly between brand newsletter capture on the left and structured sitemap columns on the right.
PALETTE (use these exact hex values)
- #0a1026 — Midnight Ground: Deep navy background for footer navigation and legal meta areas
- #f8faff — Canvas Ice: Base hero background tint receiving soft ambient gradient blooms
- #ffffff — Pure White: Foreground surface for floating app mockup card and input surfaces
- #0066ff — Electric Cobalt: Primary CTAs, accent badges, highlight text, and interactive buttons
- #93c5fd — Aura Cyan: Soft ambient glow on hero canvas and chip indicator background
- #d8b4fe — Aura Lavender: Right-side atmospheric background blush framing the dashboard preview
- #0f172a — Ink Primary: Main headlines, hero title, and strong dashboard titles
- #475569 — Slate Neutral: Body copy, subtitles, and trust badge descriptive text
- #94a3b8 — Footer Muted: Footer column links, social icons, and copyright text
TYPOGRAPHY
Typeface Inter (or Plus Jakarta Sans,SF Pro Display,Geist), weights 400/500/600/700. Sizes 12px caption, 13px body-sm, 15px body, 16px body-lg, 18px subheading, 40px display. Tracking -0.02em at display, 0 at body. The typographic tone is authoritative, corporate, and technologically forward, using a precise neo-grotesque sans-serif. High display sizes combined with tight tracking convey polished execution suitable for enterprise buyers. Inter or Plus Jakarta Sans are optimal substitutes due to their tall x-height and clear tabular numeral readability.
GEOMETRY & SPACING
Corner radii — cards 20px, links 4px, inputs 8px, buttons 10px. Spacing on a 8px unit, 24px gaps, 96px between sections, 1280px container, comfortable density.
DEPTH
Depth is created via diffuse, low-opacity colored atmospheric blooms layered underneath a pure white application mockup. The mockup itself casts an ultra-wide, soft drop-shadow (0 24px 48px -12px rgba(15, 23, 42, 0.12)), giving it the appearance of floating effortlessly. The dark footer deliberately avoids elevation, remaining completely flat to anchor the page.
IMAGERY
No photographic imagery is present. Instead, product interface screenshots with high-fidelity vector mockups act as the primary visual showcase. Any added graphic must be vector-sharp, clean UI cards with precise spacing and crisp micro-typography.
SIGNATURE DETAIL — the thing that makes this design itself
The distinctive horizontal split between an airy, glowing sky-blue hero and a grounded midnight navy enterprise footer. The hero's soft ambient mesh gradient lifts the realistic SaaS dashboard, creating a sense of weightlessness that is abruptly anchored by the monolithic dark footer.
MUST
- Use high-contrast cobalt blue (#0066ff) strictly for high-value user triggers and accent metrics.
- Maintain the smooth, cloud-like gradient blend behind the mockup to keep the hero soft and expansive.
- Give the app mockup generous outer padding (at least 48px) so it appears to float weightlessly.
- Keep footer column headers in uppercase with slight tracking (0.08em) and muted gray tint.
AVOID
- Do not introduce sharp 0px corners; all card surfaces must use 12px to 20px radius.
- Avoid harsh high-contrast black borders around light-mode cards; use soft shadows instead.
- Do not mix serif fonts into headings; rely strictly on clean geometric sans-serif type.
- Never let the dark footer bleed upwards into the hero without a razor-sharp straight boundary.
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 中尝试 
