Skip to content
Wellness Wag

Design System Notes

W

by Wellness Wag Team

Last updated: July 3, 2026

Dummy notes about tokens, components, and how Wellness Wag reuses the base UI.

Tokens first

All colors, spacing, and type scale flow through the token pipeline:

primitives → theme → colors.css → global.css @theme → Tailwind utilities

Use names like text-foreground-secondary and bg-background-secondary instead of raw hex values.

Resource UI pieces

The archive and article pages reuse the existing resource components:

  • ResourcesHero
  • ResourceListWithSidebar
  • ResourceCard
  • ResourcesLayout for single articles

Scope of this branch

Wellness Wag intentionally ships only:

RoutePurpose
/Homepage shell
/resourcesArchive index
/resources/{category}/{slug}Single resource
/searchSearch results archive
W

Meet the author

Wellness Wag Team

Editorial team for the Wellness Wag starter branch.

1