Design a dark-mode website section: deep midnight canvas bathed in warm terracotta radiance with crisp technical dashboard telemetry.
LAYOUT
Asymmetric two-column hero layout on a 1360px container. Left column contains system status, a 3-line display headline, two-line value proposition, dual CTA group, and a two-column hardware specification callout row. The right column is dominated by an oversized, slightly cut-off software console window showcasing active nodes, real-time logs, and physical device specs.
PALETTE (use these exact hex values)
- #090A0F — Deep Midnight Void: Deepest canvas background anchor behind ambient gradients and page edges.
- #12141A — Dashboard Shell: Background fill for the software interface tablet preview and secondary panels.
- #181A22 — Panel Inset: Nested content areas, workflow nodes, and log card containers inside dashboard.
- linear-gradient(135deg, #FF5B45 0%, #D85A85 100%) — Coral Glow Gradient: Primary CTA button background, key highlighted text accent, and logo mark.
- #7B78FF — Periwinkle Accent: Deploy button background inside the dashboard header and workflow accents.
- #22C55E — Telemetry Emerald: Status indicator pills, active system dots, and healthy node metrics.
- #FFFFFF — Signal White: Main display headline, active navigation items, and high-priority labels.
- #9499A8 — Muted Slate: Supporting body copy, secondary navigation links, and inactive sidebar icons.
- #252834 — Border Subtle: Card outlines, division strokes, and button border rings.
TYPOGRAPHY
Typeface Inter Display (or Geist Sans, Plus Jakarta Sans, SF Pro Display), weights 400/500/600/700. Sizes 11px caption, 13px body-sm, 16px body, 18px body-lg, 20px subheading, 24px heading, 56px display. Tracking -0.03em at display, 0 at body. Technical, confident, and meticulously engineered. The sans-serif typeface (Inter Display match) uses negative tracking on massive display sizes to feel compact and punchy, while the micro-scale dashboard typography feels clinical and machine-readable like developer tooling. Free alternatives like Geist Sans or Plus Jakarta Sans match this tone seamlessly.
GEOMETRY & SPACING
Corner radii — cards 16px, links 4px, inputs 8px, buttons 10px. Spacing on a 8px unit, 24px gaps, 96px between sections, 1360px container, comfortable density.
DEPTH
Depth is rendered entirely through layered surface tones, 1px perimeter borders (#252834), and ambient colored back-lighting rather than drop shadows. The dashboard console appears elevated because the atmospheric coral and violet aurora radiates from behind its dark silhouette, creating a halo effect.
IMAGERY
Features clean, hyper-accurate 3D hardware renders (matte black mini PC with stamped grid and micro-perforations) integrated directly inside software dashboard cards. Visuals must be photorealistic, dark-matte industrial design artifacts rather than abstract illustrations or lifestyle photography.
SIGNATURE DETAIL — the thing that makes this design itself
The warm atmospheric coral-violet aurora glowing softly behind an obsidian dark-mode interface, combined with the highlighted dual-color headline ('voice AI.' in coral pink). This transition from radiant consumer hardware warmth to strict technical infrastructure precision defines the entire aesthetic.
MUST
- Use high-contrast white text for titles, reserved strictly for primary reading path.
- Accent key value propositions in the title with the coral-rose brand gradient.
- Maintain strict 1px subtle dark-slate borders around all dashboard panels and pills.
- Nest smaller panels inside the dashboard with slightly lighter hex values than the canvas.
AVOID
- Do not use sharp 0px corners; all cards, tags, and inputs must use 8px to 16px radii.
- Never apply high-contrast pure white to secondary body copy or metadata.
- Do not allow the background radial glow to overpower text contrast; keep opacity under 40%.
- Avoid solid bright colored backgrounds for large cards; stick to deep carbon tones.
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 中尝试 
