Design a dark-mode web interface screen: dark isometric command console bathed in neon cyan and ultraviolet phosphor glow.
LAYOUT
The workspace features a persistent 240px left-hand vertical sidebar containing categorized tool links, flanked by an expansive main canvas. A top utility strip handles universal command search and primary project instantiation. Below, the catalog header pairs an overview statement and a 4-part KPI strip with an oversized hero isometric cluster, followed by a filter toolbar and an infinite 3-column service card grid.
PALETTE (use these exact hex values)
- #080c14 — Void Canvas: Root application background behind sidebar, topbar, and main content grid
- #0e1322 — Panel Slate: Background fill for service cards, filter dropdowns, and stats container
- #182033 — Border Hairline: 1px structural outline on cards, inputs, and divider rules
- #6336f5 — Electric Violet: High-priority actions like 'Create Project' button and active navigation indicators
- #00f2fe — Cyber Cyan: Metric counter numerals, category tag borders, and primary 3D illumination
- #10b981 — Emerald Spark: SLA uptime telemetry metric and micro-trend sparkline indicators
- #e024c3 — Fluorescent Magenta: Accent lighting within isometric illustrations and unread notification pips
- #ffffff — Pure Optic White: Primary headings, active labels, and card titles
- #707e94 — Steel Fog: Secondary copy, supporting paragraphs, inactive navigation, and placeholder text
TYPOGRAPHY
Typeface Plus Jakarta Sans (or Inter, SF Pro Display, Montserrat), weights 400/500/600/700. Sizes 11px caption, 13px body-sm, 14px body, 16px subheading, 22px heading, 28px display. Tracking -0.02em at display, 0 at body. Clean, crisp, and mechanical: a modern geometric neo-grotesque (Plus Jakarta Sans or Inter) set in heavy weights for titles and high-tracking small caps for metadata. It conveys engineering rigor and high-frequency cloud infrastructure without feeling overly stylized or playful. Free alternatives like Inter or SF Pro Display match the exact cadence effortlessly.
GEOMETRY & SPACING
Corner radii — cards 12px, links 6px, inputs 8px, buttons 8px. Spacing on a 8px unit, 24px gaps, 32px between sections, 1440px container, comfortable density.
DEPTH
Depth is created entirely without diffuse drop shadows. Hierarchy is achieved through luminescent value contrast: an obsidian canvas (#080c14) underlies slightly raised navy slate panels (#0e1322), which are delimited by 1px hairline borders (#182033) and lit from within by the intense neon reflections radiating off the isometric 3D artwork.
IMAGERY
Every service is visually defined by an isometric 3D diorama built from dark polished hardware, glowing translucent cubes, and holographic UI panels lit with neon cyan, purple, and magenta. Photography, hand-drawn editorial art, or flat corporate vector graphics would completely break the cyber-command immersion.
SIGNATURE DETAIL — the thing that makes this design itself
The signature move is the glowing isometric miniature diorama centered on each catalog tile, reflecting cyan and magenta light directly onto the dark slate background. It transforms a routine enterprise service listing into an interactive cybernetic server room. It is commonly misused by using inconsistent lighting angles or replacing the 3D dioramas with flat, muted 2D icons.
MUST
- Ground every floating surface in #0e1322 with a precise 1px #182033 stroke.
- Pair isometric 3D models strictly with neon cyan (#00f2fe) and magenta (#e024c3) edge lighting.
- Reserve vibrant electric violet (#6336f5) strictly for primary call-to-action buttons.
- Maintain strict 24px gutter spacing between all service cards in the primary grid.
AVOID
- Never introduce photographic portraits or flat corporate vector illustrations.
- Do not use warm yellow or orange accents that compromise the cool cybernetic palette.
- Avoid heavy drop shadows; rely on hairline borders and internal image glows for depth.
- Do not render card backgrounds in pure pitch black #000000; depth requires the #0e1322 substrate.
OUTPUT
Render as a clean, pixel-crisp UI design at roughly 1280:3840. Flat vector rendering, real legible text, no browser chrome, no device mockup frame, no watermark, no lorem ipsum placeholder blocks. 在 DraPub 中尝试 
