Design a dark-mode website section: deep obsidian space electrified by hot raspberry radials, disciplined typography, and luminous deal-sourcing telemetry.
LAYOUT
Asymmetric two-column split within a 1240px container. The left 55% column commands strong typographic presence with headline, paragraph, dual CTA buttons, and feature checklist. The right 45% column showcases floating telemetry cards and algorithmic trajectory graphs emerging from an intense ambient edge glow.
PALETTE (use these exact hex values)
- #0B0813 — Obsidian Canvas: Primary background canvas creating deep dark-space contrast across the entire viewport.
- #1A1124 — Nightfall Card: Background fill for floating data cards and interactive telemetry overlays.
- #140E1B — Platform Base: Dark grounded lower tier housing the social proof section.
- #CE2858 — Crimson Spark: Primary button fill, accented headline text, and target badge highlights.
- radial-gradient(circle at 95% 55%, #C82455 0%, #4D0F25 45%, #0B0813 80%) — Crimson Ambient Glow: Atmospheric right-edge lighting that adds dimensional heat behind the telemetry card.
- #FFFFFF — Optic White: Primary headline text, active labels, and brand logo mark.
- #A297AE — Muted Lilac: Hero paragraph descriptions, navigation links, and sub-metric captions.
- #2F1E3B — Subtle Plum Stroke: 1px hairline borders delineating secondary buttons, cards, and divider outlines.
TYPOGRAPHY
Typeface Plus Jakarta Sans (or Inter,SF Pro Display,General Sans), weights 400/500/600/700. Sizes 11px caption, 13px body-sm, 15px body, 18px subheading, 24px heading, 68px display. Tracking -0.03em at display, 0.08em at micro-caps. Authoritative, algorithmic, and decisive. Plus Jakarta Sans conveys crisp, engineered confidence without the sterile neutrality of standard system fonts, giving PE investors instant readability while signaling high-speed computational intelligence.
GEOMETRY & SPACING
Corner radii — cards 16px, links 4px, inputs 8px, buttons 8px. Spacing on a 8px unit, 24px gaps, 96px between sections, 1200px container, comfortable density.
DEPTH
Depth is created purely by atmospheric illumination rather than drop shadows. A dense radial magenta bloom sits behind dark UI cards, letting their 1px plum-tinted borders and semi-translucent backdrops catch subtle edge light against the pitch-black backdrop.
IMAGERY
Avoid photographic assets or human imagery entirely. The visual language relies purely on abstract, clinical UI telemetry: radar geometries, trajectory lines, glowing data nodes, and structured analytics cards mimicking financial intelligence software.
SIGNATURE DETAIL — the thing that makes this design itself
The standout move is the two-word accented resolution 'Win more.' in vibrant crimson (#CE2858) anchoring an otherwise white headline, visually coupled to the glowing algorithmic trajectory arc on the right. Misusing it involves making too many words crimson or dropping the ambient flare that justifies the color's heat.
MUST
- Keep the primary crimson accent (#CE2858) concentrated strictly on primary CTAs and critical keyphrase emphasis.
- Render all micro-labels ('NEW MATCH', 'TRUSTED BY PE TEAMS') in uppercase with letter-spacing of at least 0.1em.
- Constrain background ambient illumination to deep magenta gradients positioned strictly on the periphery.
- Pair the primary solid button directly with a ghost button wrapped in a subtle plum border (#2F1E3B).
AVOID
- Do not wash the entire canvas in magenta; the glow must dissolve cleanly into #0B0813 void.
- Do not apply drop shadows to the typography; use pure font-weight and color value for hierarchy.
- Never substitute rounded pill buttons for the primary CTA; keep button corners tightly disciplined at 8px.
- Do not render body paragraph text in pure white; keep it in muted lilac (#A297AE) to maintain hierarchy.
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. Try in DraPub