Back to design systems
Nexus-Core-DESIGN.md

Nexus Core

Nexus serves as the central nervous system for your operations, replacing fragmented tools with a single, highly extensible platform.

HTML Preview

Nexus-Core.html

DESIGN.md

Prompt context source

FrontmatterValue
version"alpha"
name"Nexus Core"
description"Nexus serves as the central nervous system for your operations, replacing fragmented tools with a single, highly extensible platform."
colorstoken group
primary"#050505"
secondary"#E5E5E5"
tertiary"#09090B"
neutral"#E5E7EB"
typographytoken group
display-lgtoken group
body-mdtoken group
label-mdtoken group
spacingtoken group
base"8px"
gap"16px"
card-padding"24px"
section-padding"80px"
roundedtoken group
md"12px"
full"9999px"

Overview

Nexus Core 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 "The unified core for your workforce" 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.