Zenith---Unified-Architecture-DESIGN.md
Zenith - Unified Architecture
Synchronize disparate data pipelines into a singular, high-fidelity construct. Engineered for absolute velocity and zero environmental fragmentation.
HTML Preview
Zenith---Unified-Architecture.html
DESIGN.md
Prompt context source
| Frontmatter | Value |
|---|---|
| version | "alpha" |
| name | "Zenith - Unified Architecture" |
| description | "Synchronize disparate data pipelines into a singular, high-fidelity construct. Engineered for absolute velocity and zero environmental fragmentation." |
| colors | token group |
| primary | "#F0EFEB" |
| secondary | "#E8E7E2" |
| tertiary | "#6B7280" |
| neutral | "#E5E7EB" |
| typography | token group |
| display-lg | token group |
| body-md | token group |
| label-md | token group |
| spacing | token group |
| base | "8px" |
| gap | "16px" |
| card-padding | "24px" |
| section-padding | "80px" |
| rounded | token group |
| md | "12px" |
| full | "9999px" |
Overview
Zenith - Unified Architecture uses the attached HTML reference as the source of truth. Preserve the visual tone, spacing rhythm, and interface hierarchy shown in the preview.
Composition
Use the hero direction "Unified State Environment." as the primary mood reference. Keep layout decisions aligned with the rendered HTML, including density, framing, and contrast.
Colors
Use the extracted color tokens as the palette foundation. Primary actions and focal UI should use the primary token, while neutral, background, and surface tokens should drive structure and contrast.
Typography
Use Inter for display, body, and label styles unless the generated interface clearly needs a compatible fallback. Maintain strong hierarchy between display text and utility labels.
Layout
Favor a polished product interface with stable spacing, deliberate content grouping, and no decorative elements that conflict with the attached HTML reference.