Components

Stable public classes use the hds- prefix. Optional ds-container, ds-button, and ds-card aliases are documented aliases only.

Marketing components

Landing heroes, proof strips, benefit and feature grids, testimonials, pricing cards, FAQs, and CTA panels are documented on /docs/marketing and showcased at /examples/marketing.

hds-landing-herohds-pricing-cardhds-faq-itemhds-cta-band

Media components

Video cards, course progress, lesson lists, article cards, galleries, breadcrumbs, and pagination are documented on /docs/media and showcased at /examples/media.

hds-media-cardhds-video-framehds-course-cardhds-gallery-itemhds-pagination

Social and community components

Social proof, reviews, comments, avatars, profiles, community cards, share bars, and social links are documented on /docs/social and showcased at /examples/social.

hds-social-proofhds-review-cardhds-comment-threadhds-community-cardhds-profile-cardhds-share-bar

Conversion and funnel components

Lead magnets, opt-in forms, webinars, events, countdowns, urgency notes, steps, timelines, comparisons, guarantees, and risk reversal are documented on /docs/conversion and showcased at /examples/conversion.

hds-lead-magnet-cardhds-optin-formhds-countdownhds-process-timelinehds-comparison-tablehds-comparison-cardhds-guarantee-cardhds-risk-reversal
Card

Token-backed surface

Use hds-card, hds-panel, hds-badge, and action classes.

Alert: feedback components inherit token colors.

Form contract