Design system
Design system
A documented reference for every visual primitive, component, pattern, and brand element that ships on neuwo.ai — sourced directly from the production CSS so the docs reflect what users actually see.
Six sections cover the system end to end. Foundations is the place to start: typography, colour, surfaces, spacing, radii, shadows, borders. From there, Components documents the reusable primitives that compose every page; Patterns shows how those primitives combine into recurring page-level compositions; Animations covers timing, easing, and the named keyframes that power the decorative loops; Brand sets out the wordmark, favicon, iconography, and illustration choices that signal Neuwo specifically; and Tokens is the flat reference — every CSS custom property in one searchable list.
01 · Start here
Foundations
Typography, colour, surfaces, spacing, radii, shadows, borders. The primitive tokens that govern every visual decision on the site.
02
Components
Reusable UI primitives that compose every page — buttons, links, inputs, cards, badges, navigation, feedback — documented with markup, modifiers, states, and live specimens.
03
Patterns
How primitives combine to solve recurring UX problems — the sticky glass header, contact and demo flows, empty states, and persistent-dismissal surfaces.
04
Animations
Three duration tokens, two hover-lift values, scroll-triggered entry, and the catalogue of named keyframes that power the recurring decorative loops — all gated behind a single accessibility policy.
05
Brand
The visual identity that sits above the system — wordmark variants, favicon, the inline-stroke icon vocabulary, the five solution glyphs, and the decorative illustration recipes.
06 · Reference
Tokens
The flat catalogue. Every --color-*, --font-*, --space-*, and --transition-* token in one searchable list, with copy-to-clipboard on every value.