Brand A Style Guide
A second QA surface for the shared section library
Use this route to compare how the same shared building blocks respond to Brand A theme values and site-level globals.
Brand A hero section
This keeps the second site visibly distinct while still exercising the same reusable hero implementation.
Shared Copy
The same CMS schema can support a second site cleanly
A good platform can support brand distinction without custom one-off architecture. This page exists to make that obvious during review.
Theme Showcase
Buttons, surfaces, and typography under Brand A
This section helps the team compare semantic theme tokens across sites without adding brand styling controls to the CMS.
Typography
Display
Theme changes show up fast here
Heading
Section headlines, scales, and spacing
Body
Use this page as a quick QA surface when tokens, colors, radii, shadows, or typography change across the platform.
Buttons
Badges
Forms
Alerts
Default alert
Use this for general notices and low-friction guidance inside shared marketing UI.
Primary alert
Use this when the message should feel affirmative but still stay within the shared palette.
Secondary alert
Use this when the message needs stronger editorial emphasis without inventing a new pattern.
Destructive alert
Use this sparingly for destructive or high-risk messaging that needs immediate contrast.
Containers
Copy width
copyContent width
contentSection width
sectionPage width
pageCards And Surfaces
Canvas surface
Primary surface
Secondary surface
This section is now the canonical shared UI preview surface. New shared component patterns should be added here as they become real platform needs.