Design a dark-mode website section: luminous glass funnels and electric chartreuse beams guiding raw code directly into downstream autonomous ai workflows.
LAYOUT
The hero employs a classic two-column asymmetric rhythm within a 1280px bound. The left 50% stacks the Live status pill, massive four-line display headline, explanatory paragraph, dual CTA cluster, and social validation card. The right 50% houses the vertical light-funnel graphic whose radiating circuits extend bottom-centered reassurance badges across the baseline.
PALETTE (use these exact hex values)
- #060709 — Void Black: Deepest canvas background providing limitless contrast for optical glow effects
- #0E1015 — Subtle Charcoal: Background fill for floating cards, avatar badges, and secondary interactive containers
- #1E232B — Stroke Border: Hairline perimeter stroke for cards, badges, and segmented navigation elements
- #DDF748 — Electric Chartreuse: High-visibility primary CTA buttons, optical beam core, and active status indicator dots
- #C4F024 — Chartreuse Halo: Radial lighting, emission lines, and funnel light scattering effects
- #FFFFFF — Primary Text: Hero display headlines, logo, and top-tier metrics
- #9296A1 — Secondary Text: Body paragraphs, navigation links, and descriptive sub-labels
TYPOGRAPHY
Typeface Inter (or Plus Jakarta Sans, Geist Sans, Roboto), weights 400/500/600/700. Sizes 12px caption, 13px body-sm, 15px body, 16px body-lg, 20px subheading, 58px display. Tracking -0.03em at display, -0.01em at body, 0.02em at badges. The typography is clinical, technical, and confident. A neo-grotesque sans like Inter or Plus Jakarta Sans strips away distracting serif quirks, letting the message focus on machine-level interoperability. For licensing substitutions, Inter and Geist Sans are open-source and preserve identical metrics and tight letterforms.
GEOMETRY & SPACING
Corner radii — cards 14px, links 999px, inputs 8px, buttons 10px. Spacing on a 8px unit, 20px gaps, 80px between sections, 1280px container, comfortable density.
DEPTH
Depth is created purely through luminous optical bloom and light emission rather than drop shadows. Surface layers rest on #060709 black, highlighted by 1px translucent border strokes (#1E232B) and an internal chartreuse radial gradient glow beneath the central 3D glass assembly.
IMAGERY
The visual hero is a pristine, hyper-rendered 3D glass prism funnel interacting with glowing photon rays and dark floating icon tiles. Any photorealistic human photography, playful cartoon illustrations, or bright skeuomorphic icons would directly contradict this futuristic optical aesthetic.
SIGNATURE DETAIL — the thing that makes this design itself
The standout signature move is the vertical light transmission funnel: floating dark UI capability tiles drawn through a refractive glass cone into a single beam of chartreuse light that strikes a radial pedestal to power satellite agent pills. Replicating this design requires a high-energy focal beam connecting upstream ingest tiles to downstream consumer tags; omitting the beam or replacing it with a flat icon grid entirely dissolves the metaphor.
MUST
- Keep the primary CTA button (#DDF748) high-contrast with dark black text (#060709).
- Use hairline 1px strokes (#1E232B) on all dark container surfaces to separate them from the black canvas.
- Restrict bright electric chartreuse strictly to interactive conversions, light rays, and active status nodes.
- Maintain comfortable negative space around the central 3D graphic so glowing lines breathe.
AVOID
- Do not introduce secondary saturated accent hues like blue, purple, or red into this palette.
- Avoid solid white backgrounds or bright card surfaces that would destroy the glowing optical illusion.
- Do not use sharp 90-degree corners on buttons or badges; maintain consistent 10px and 999px radii.
- Avoid heavy drop shadows; rely entirely on radial chartreuse emission glow and border definition.
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