Introduction
Foundations, layout, and Base UI components for NoM interfaces.
Xenon documents the tokens and primitives behind ATSocy. Newsreader carries display type; Inter carries UI and body. Pink is the accent scale.
Foundations
Colors OKLCH scales Typography Display and body Materials Surfaces and elevation Spacing 0.25rem base Layout Regions and containers
Dividers
Thin rule segments with a fixed-width tech notch for shelf, stripe, and dot accents.
shelf
stripes
dots
Loader
The Pulse loading state uses the same three-dot bounce loop. This preview keeps it live on the page.
Components
Base UI inventory — interactive primitives and semantic surfaces.