Design a light-mode website section: frictionless cross-border banking rendered in clean white space, glowing blue neon orbs, and crystalline frosted glass panels.
LAYOUT
Structured around a 2-column asymmetrical hero grid within a centered 1280px container. The left 50% contains the narrative hierarchy: pill badge, 4-line display title, body description, and dual CTA cluster. The right 50% holds the visual centerpiece where a floating UI card overlaps a glowing 3D globe. A horizontal 4-stat proof bar anchors the bottom edge.
PALETTE (use these exact hex values)
- #FFFFFF — Canvas Pure: Primary background canvas on the left content zone and main card backgrounds
- #0B0F19 — Ink Navy: Primary display headings, critical balances, and dense typographic hierarchy
- #2F54EB — Cobalt Blue: Primary call-to-action buttons, active icon accents, and focal navigation button
- #8B5CF6 — Electric Violet: Gradient word accents in hero headline and floating currency token badges
- #596780 — Slate Neutral: Body copy, navigation text links, card sublabels, and metric disclaimers
- #26A17B — Tether Teal: Tether cryptocurrency badge surface and secondary asset indicator
- radial-gradient(circle at 70% 40%, #DCE7FE 0%, #EDE9FE 45%, #FFFFFF 85%) — Atmosphere Glow: Atmospheric lighting behind the globe and balance card
- #E2E8F0 — Border Subtle: Delicate separation lines on buttons, card dividers, and stats metrics
TYPOGRAPHY
Typeface Plus Jakarta Sans (or Inter, DM Sans, Outfit), weights 400/500/600/700. Sizes 11px caption, 13px body-sm, 15px body, 18px body-lg, 28px heading, 32px heading-lg, 56px display. Tracking -0.03em on headings, 0 on body, 0.06em on uppercase pills. Modern, authoritative, and frictionless. Plus Jakarta Sans (or Inter) provides clean geometric circular shapes that echo global financial maturity with high-tech software precision. Tight headline leading gives substantial impact, while tabular spacing in the dashboard card establishes dependable financial rigor.
GEOMETRY & SPACING
Corner radii — cards 24px, links 4px, inputs 10px, buttons 12px. Spacing on a 8px unit, 16px gaps, 64px between sections, 1280px container, comfortable density.
DEPTH
Depth is created through low-opacity ambient light rather than structural skeuomorphism. The floating dashboard card uses an expansive box-shadow (0px 24px 48px -12px rgba(47, 84, 235, 0.12), 0px 4px 16px rgba(0, 0, 0, 0.04)) over the 3D globe. Subtle orbital rings layered before and behind elements weave the interface naturally into the spatial scene.
IMAGERY
Features a photorealistic, luminous 3D halftone globe rendered in deep royal blues with glowing electric blue dot matrices. Floating 3D cylindrical token discs (lavender and teal) orbit on thin white paths with subtle surface reflections. Flat cartoon vectors or saturated dark-mode crypto graphics are strictly avoided.
SIGNATURE DETAIL — the thing that makes this design itself
The harmonious intersection of an atmospheric glowing 3D dot-mesh globe layered beneath a crisp, clinical white ledger card. The globe provides futuristic depth while the solid white UI card maintains immediate operational clarity, preventing the Web3 theme from looking amateur.
MUST
- Keep the primary background predominantly bright white on text columns to maintain absolute readability.
- Restrict atmospheric violet and blue gradients strictly behind the 3D globe graphic and card artwork.
- Use tight negative letter-spacing (-0.025em to -0.03em) on large headlines to preserve a sharp modern tech identity.
- Maintain high contrast by using #0B0F19 on all critical balances and display copy.
AVOID
- Do not use dark backgrounds or high-contrast black cards; the aesthetic relies entirely on light luminescence.
- Do not saturate text with neon colors; reserve violet gradients exclusively for single punchy accent words.
- Do not make borders heavier than 1px; avoid harsh solid grey borders around floating cards.
- Do not use flat illustrations; the graphic language depends on photorealistic 3D glass and particle renders.
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 中尝试 
