Nyte Design
The tokens, rules, and components behind every Nyte surface
The desktop app, the terminal's web views, and this site draw from one package,
@nyte-ai/ui: StyleX tokens, the rules for using them, and styled Base UI
components. Every value on these pages is read from that package's source.
Foundations
| Page | Decides |
|---|---|
| Colors | Roles, hue scopes, intents, light and dark |
| Radius | Five corner names and the component radii |
| Spacing | The 4px unit, its steps, and hit areas |
| Typography | Text styles, weights, and families |
| Shadows | Four elevation steps |
| Motion | Durations and curves |
Components
import { Button } from "@nyte-ai/ui/button";
import { Popover } from "@nyte-ai/ui/popover";