Qazana Strata gives every Qazana product the same tokens, themes and components — from the marketing site to the app shell. Build once, theme per brand, stay consistent everywhere.
No build step · framework-agnostic · dark & Désert Dunes themes.
Semantic tokens are the single source of truth. Components never hardcode a value, so one theme override re-skins the entire surface.
Colour, type, spacing and motion live as tokens. Override the brand once; everything follows.
Canonical dark plus the warm "Désert Dunes" light scheme — switch by attribute or follow the OS.
App, Site and Content kits share one foundation. Load only what a page needs.
Plain CSS + data-attribute JS. Works in any framework, with no build step required.
Keyboard-operable components, sensible ARIA, and reduced-motion respected throughout.
A Playwright harness screenshots every page in both themes and gates regressions.
Each product themes the same semantic tokens — coral for Qazana, and whatever each app needs. Alpha tints use channel variables, so a single override re-tints fills, rings and borders.
--primary, --danger, --accentrgb(var(--primary-rgb) / .12)tokens.json mirrorThe Site kit covers your marketing frontend; the App kit covers the product UI; the Content kit covers blogs and docs. They share the foundation, so the seam between your homepage and your app disappears.
Start free, upgrade when you grow. Every plan ships the full component set.
We unified three apps onto one design system in a sprint. The token model just clicks.
The dark and Désert Dunes themes are gorgeous out of the box — no fiddling.
Marketing site and app finally feel like the same product. That's the whole point.
No. Link the tokens and a kit stylesheet, add the script, and you're done — it works in any framework via the rendered DOM.
Set data-theme="desert-dunes" or "dark" on the html element, or leave it unset to follow the OS. Tokens set color-scheme for you.
Yes — override the brand tokens in a small theme file. One override re-tints everything because components reference tokens, never raw values.
The App and Site kits ship today; Content, Auth and Email kits are on the roadmap. All share the same foundation.
One foundation, every kit, both themes. Start with the components and theme it your way.