brand.gensudo.com
Gensudo uses shared tokens and shared UI primitives across the marketing site, onboarding flows, and product app. This site documents what stays universal, what changes by surface, and which package owns each decision.
`packages/brand` owns tokens, themes, and assets. `packages/ui` owns reusable primitives. `apps/marketing`, the main `app`, and this docs app all consume those same shared layers. The docs site exists to explain and preview the system, not to redefine it.
Tokens and reusable components belong in the shared packages, not in route-local overrides.
Persuasion, conversion, expressive spacing, and stronger CTA emphasis live on the marketing side.
Onboarding, auth, dashboards, settings, and work flows use a calmer, denser product language.
What the system is, how it works, and how to use the guide.
Universal design rules that stay true across Gensudo surfaces.
Identity, typography, color, themes, tokens, and accessibility rules that stay universal.
Brand and semantic colour tokens from the current shared system.
Current approved gradients and where they appear in the shared system.
Fonts, scales, and surface-specific type roles from current tokens.
The spacing scale and layout rhythm used across brand and UI layers.
Current page width and layer-variable layout rules for marketing and app surfaces.
How marketing and app surfaces intentionally differ.
Shared primitives, identity assets, and reference materials.
Live shared primitives rendered from the same `@gensudo/ui` package the product consumes.
Shared button variants, sizes, and current action patterns.
Current shared field wrappers, inputs, selects, and auth-form structure.
Banners, notices, and modal framing that exist in the current shared system.
Shared app-side headers, section shells, toolbars, and auth shells.
Shared marketing hero, nav, feature, and pricing primitives.
Legacy-inspired patterns that are not currently shared truth in `packages/ui`.
Central brand files, shared logo/icon usage, and downloads.
Shared wordmark and icon asset usage based on the current brand package.
Shared brand icon asset plus the approved meta icon library used by shared navigation.
How changes are made without creating design drift.