Fast to ship
Copy semantic HTML into existing templates and keep local styling in tokens.
Marketing components
Documented landing, proof, feature, testimonial, pricing, FAQ, and CTA classes use existing --hds-* tokens and no external CSS dependencies.
Marketing components
Launch plain HTML landing pages with StartHDS.
Compose dependency-free landing heroes, proof, feature grids, testimonials, pricing, FAQs, and CTAs with existing --hds-* tokens.
Accessible by default
Use native disclosure, lists, quotes, and links with visible focus states.
Themeable
Marketing pages inherit product palettes through --hds-* variables.
Split and centered layouts
Use hds-landing-hero--split for media/forms or hds-landing-hero--centered for focused campaigns.
Reusable proof strips
Logo strips and proof bars wrap cleanly for unknown content lengths.
Pricing and FAQs
Pricing cards, feature lists, badges, and FAQ items use static HTML.
Problem
Marketing pages often require a large CSS framework for a few repeated layouts.
Solution
StartHDS ships a small token-backed class contract for common landing sections.
Before
Custom one-off campaign styles and duplicated card rules.
After
Stable hds classes that remain responsive and themeable across products.
“We added pricing, FAQs, and proof sections without adding a UI dependency.”
“The same token overrides styled our docs and campaign pages.”
Starter
$19 / month
- Landing hero
- Benefit grid
- FAQ section
Team
$49 / month
- Pricing cards
- CTA panels
- Testimonials
Does this require JavaScript?
No. FAQ disclosure uses native details and summary; no new JavaScript is required.
Can themes change marketing colors?
Yes. Load app-local CSS last and override --hds-* variables.
Ready CTA
Use the marketing showcase as a copyable starting point.
Sections are responsive, accessible, and dependency-free.