Service Card
Used for growth system layers, service listings, and feature grids. Consistent padding, border treatment, and hover behavior set by the language.
Components
Production-ready patterns built from the design system. Every component uses brand tokens and respects the active design language—colors, typography, spacing, and motion all flow from the layers defined earlier in this guide.
Buttons
Primary, secondary, and ghost variants. Sized and spaced by the design language.
Cards
Content containers that adapt to the design language’s shape, shadow, and density settings.
Testimonial Card
Quote, attribution, and optional photo. Italic display font for the quote, UI font for the name. Accent color for the attribution line.
Forms
Input fields, labels, validation states, and submit buttons. Form personality is defined by the design language—from compact quick-quote to detailed multi-step.
Section Patterns
Hero, trust bar, service grid, testimonial strip, CTA block, and footer. Each pattern is documented with markup examples as the component library grows.