design-system

projectactive

design-system is the canonical Turborepo monorepo for shared design tokens, themes, UI components, icons, and Tailwind preset across the alawein portfolio. Formerly named _devkit / aw-devkit; renamed and consolidated 2026-04-03. Hosted at alawein/design-system.

Architecture

Turborepo + npm workspaces. Build order is critical: @alawein/tokens must build before all downstream packages. The 13 packages are all currently private: true (internal use only — not published to npm).

Packages

Token / theme system:

  • @alawein/tokens — primitives + semantic tokens (canonical contract, lives at nested packages/@alawein/tokens/)
  • @alawein/morphism-themes — theme objects for the kohyr brand system
  • 7 theme packages: theme-base, theme-cyberpunk, theme-edfp, theme-glassmorphism, theme-luxury, theme-meshal-variants, theme-quantum, theme-strategic

UI / component system:

  • @alawein/ui — Radix + CVA component library
  • @alawein/icons — shared icon set with brand assets, AlaweinMark, 27-product favicon generator
  • @alawein/tailwind-preset — shared Tailwind config (depends on @alawein/tokens)
  • @alawein/shared-utils — common utilities

Apps (dev only):

  • apps/storybook/ — local component playground (localhost:6006), not deployed to production

Notes

  • Config packages (@alawein/eslint-config, @alawein/prettier-config, @alawein/tsconfig) moved from design-system to workspace-tools/packages/ in the 2026-04-03 consolidation. @alawein/tailwind-preset stays here because it depends on @alawein/tokens.
  • 27 themes across 7 brand families (one per portfolio brand).
  • simcore, qmlab, and repz require --legacy-peer-deps when installing @alawein/* packages.
  • The Notion KB Projects DB used to track this as Devkit with the old aw-devkit repo URL — fixed in 2026-04-07 catalog sync.