ABX Style Guide
A live QA surface for ABX on the shared section system
Use this route to compare how the same approved building blocks respond to ABX theme values and site-level identity.
ABX hero treatment on the approved shared surface
This keeps the ABX-facing site visibly distinct while still exercising the same reusable hero implementation used elsewhere on the platform.
Shared Copy
The same CMS schema can support ABX cleanly
This page exists to prove that ABX can stay inside the same section registry and site contract without leaning on placeholder copy or one-off architecture.
Theme Showcase
Buttons, surfaces, and typography under ABX
This section helps the team compare shared theme tokens under the ABX presentation without adding one-off 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.