Brand components
7 Brand components for React, shadcn, Vue 3, Laravel Blade and HTML + Alpine.js: BrandGuidelines, Brand loaders, BrandingProvider, ProductArtwork, ProductMark, Spotlight, Theme presets.
- BrandGuidelinesA brand guidelines page with downloadable marks on light and dark grounds, copyable palette swatches, typography, do and dont rules and social cards. It shows only assets that are passed in or already in the repo.
- Brand loadersLoading states with a brand feel: a braille spinner, a benday dot-matrix progress fill, a loader that animates around a supplied logo, and a full-screen boot splash with an honest failure state.
- BrandingProviderApplies a tenant's brand colours at runtime from data (an org's settings, a white-label customer) over the active brand manifest, with readable on-brand text, a derived dark step and the tenant logo and name shared through useBranding.
- ProductArtworkA product's official mark on a gradient field of its own brand colour, plus AppGlyph, a line-icon tile for modules that have no mark.
- ProductMarkThe official cube-lattice mark of a Nasaq brand, drawn from its MarkSpec, and ProductLogo (mark plus typeset name).
- SpotlightFeatured-product banner on the product's own artwork field, with mark, name, pitch and call to action; scopes the product's brand so one primary button takes its colour.
- Theme presetsNamed themes (light or dark plus brand colours): Nasaq, purple, rose and emerald, each dark and light. A picker with live previews, useThemePreset to apply and remember the choice, overrides for tenant colours, and ThemePresetScope to preview a region.
WaitingScreen
Patient waiting screen with ticket, position, estimated wait, now serving, room, a live connection indicator and a called state, driven by pure queue math.
BrandGuidelines
A brand guidelines page with downloadable marks on light and dark grounds, copyable palette swatches, typography, do and dont rules and social cards. It shows only assets that are passed in or already in the repo.