A versioned Nuxt layer providing the complete WLTH brand design system — tokens, fonts, semantic variables, Nuxt UI component defaults, and bespoke navigation components. Extend it in any Nuxt project to inherit the full system.
Getting Started
Installation, consumption, and release workflow
Component Library
Nuxt UI components styled with WLTH tokens
Design tokens
Royal Blue, Dark Blue, Light Grey, Green, Yellow, Red — 11 shades each
SuisseIntl fonts
8 weights (Thin → Black) + SuisseIntlMono loaded from assets.wlth.com
Semantic variables
--ui-bg, --ui-text, --ui-border and variants for light + dark mode
Nuxt UI defaults
Button (nav/pill), DropdownMenu, Drawer, Slideover, Tabs — all pre-configured
Bespoke navigation
AppHeader, ProductSwitcher, ProductNav, EntitySelector + composables