Design a dark-mode web interface screen: neon cyan and radiant violet blooming across deep midnight glass panels in an energetic fitness sanctuary.
LAYOUT
The workspace uses a persistent left navigation rail spanning full height, leading into a multi-column hybrid marketing-dashboard view. The center features a high-impact split between typography and dynamic flying illustration, resting directly above a modular 3-column telemetry grid. The bottom baseline closes with a horizontal social verification bar featuring press badges.
PALETTE (use these exact hex values)
- #070b14 — Void Canvas: deep background canvas underlying all sidebars, sections, and floating cards
- #0d1527 — Panel Slate: fill color for floating dashboard containers, sidebar rails, and feature cards
- #1a253a — Subtle Border: hairline 1px borders delineating dashboard cards, pills, and sidebar sections
- #38efed — Electric Cyan: primary interactive accents, radial meters, key highlight words, and active toggles
- #8b5cf6 — Neon Violet: gradient companion to cyan, premium badges, and secondary highlight glows
- linear-gradient(135deg, #38efed 0%, #8b5cf6 100%) — Brand Gradient: primary call-to-action buttons, key decorative highlights, and graphic halos
- #ffffff — Text Pure White: primary display headlines, card titles, numeric readouts, and button text
- #7dd3fc — Text Muted Cyan: interactive text links, checkmark confirmations, and hero subhead emphasis
- #94a3b8 — Text Slate Dim: body explanations, inactive navigation items, axis labels, and timestamps
TYPOGRAPHY
Typeface Plus Jakarta Sans (or Inter, General Sans, DM Sans), weights 400/500/600/700. Sizes 11px caption, 13px body-sm, 14px body, 16px body-lg, 20px subheading, 24px heading, 52px display. Tracking -0.03em at display, 0 at body. Plus Jakarta Sans delivers an aerodynamic, hyper-modern tech feel with friendly geometric curves that prevent cold clinical sterility. Display weights are authoritative and punchy, while the lower body tiers maintain crisp legibility through wide apertures and moderate x-height.
GEOMETRY & SPACING
Corner radii — cards 20px, links 4px, inputs 12px, buttons 999px. Spacing on a 4px unit, 20px gaps, 32px between sections, 1440px container, comfortable density.
DEPTH
Depth is rendered organically through luminescence rather than traditional dropped shadows. Dark panels at #0d1527 sit on a #070b14 base, separated by delicate 1px borders (#1a253a) and localized glowing halos originating from neon illustration elements and vibrant metric rings.
IMAGERY
Art style is energetic, modern digital illustration featuring athletic figures enveloped in luminous ribbons of neon light, glowing foliage, and bioluminescent gradients. Realistic stock photography of gyms or food is completely absent, substituted by hyper-clean vector iconography and glowing 3D trophy artwork.
SIGNATURE DETAIL — the thing that makes this design itself
The symbiotic juxtaposition of an ethereal, neon-haloed character illustration leaping directly over dark, razor-sharp fitness dashboard telemetry panels. If replaced with standard UI screenshots or stock photos, the entire premium, futuristic wellness identity collapses.
MUST
- Use deep midnight blue-blacks (#070b14, #0d1527) instead of neutral charcoal or pure black.
- Limit vivid cyan and violet accents strictly to key focal graphics, active states, and CTAs.
- Maintain generous 20px to 24px border radii on all major dashboard cards.
- Pair complex metric readouts with minimalist micro-labels and color-coded donut meters.
AVOID
- Do not introduce harsh flat primary colors like saturated red or raw green.
- Never use sharp, unrounded card corners; all surfaces require minimum 16px radius.
- Do not clutter dark cards with heavy drop shadows; rely on luminous borders and tonal contrast.
- Avoid high-contrast pure white text for secondary metadata or axis ticks.
OUTPUT
Render as a clean, pixel-crisp UI design at roughly 3312:2480. Flat vector rendering, real legible text, no browser chrome, no device mockup frame, no watermark, no lorem ipsum placeholder blocks. Try in DraPub