landing.llms.txt raw feed

# AhaSlides Design System — landing blocks

> Framework-free marketing sections for the AhaSlides landing sites. Paste-and-run HTML+CSS, bound to the shared --aha-* Foundations tokens. Load https://ahaslides-product.github.io/ahaslides-design/variables.css once, then paste a block.

- [Button](landing/button/button.md) — Elements — Marketing call-to-action buttons for the AhaSlides landing sites. Three emphasis levels — primary, secondary and tertiary — each shown at all three control sizes (sm 28px / md 36px / lg 40px) with its own paste-and-run snippet. They FOLLOW the product Button contract (aha-button): colour, size, radius, weight and motion all bind to the DS Button tokens, so the marketing site and the product app stay on one brand source. The tertiary is the DS ghost button (transparent, purple label, soft purple hover fill) — the same component Webflow ships as its "Text link"; the live Text link's colour-only hover and hard-border focus are logged in landing/SCAN.md as Webflow-to-update items, because the DS ghost definition wins. A promotional pink accent (aha-btn--pink) stays available as a further variant. On a product surface reuse <aha-button> itself; on a framework-free marketing page paste the anchor form.
- [Fonts](landing/fonts/fonts.md) — Foundations — A landing Foundations-usage page for type: the marketing register of the shared type scale — Plus Jakarta Sans for body (matching the live site) and Nunito (--aha-font-display) reserved for Display and H1 only, each row bound to the DS size, weight, line-height and family tokens. H2/H3 stay on the body face by design (a two-tier headline treatment); the live site uses one face everywhere, so this is a deliberate DS-wins delta, not an oversight. Not a second type source; the same --aha-* tokens the product design system ships. Sizes h1-h6 (48/40/32/24/20/18) match the live site's own --_typography scale token-for-token.
- [Grid](landing/grid/grid.md) — Layout — A fluid marketing grid for feature cards, logo walls and stat rows. The base grid auto-fits as many columns as fit; the --2 / --3 / --4 variants target that many across on desktop and collapse to a single column on narrow screens with no media queries. Gap and card styling bind to the DS space and radius scales. Mirrors the live site's 1/2/3/4-up grids at a 24px gutter.
- [Hero](landing/hero/hero.md) — Sections — A marketing hero for the AhaSlides landing sites: eyebrow, headline, lead, two calls to action and a live-poll product mock. Framework-free and bound entirely to the shared --aha-* tokens.
- [Link](landing/link/link.md) — Elements — Inline text links for landing copy: the brand purple, a soft underline that strengthens on hover, and a quiet variant for footer and secondary links. Colour binds to --aha-color-primary (matching the live site) and weight to --aha-weight-semibold (the DS type scale is 400/600, so the DS wins over the live site's 500). No product Link component exists yet, so this is the landing definition.
- [Section container](landing/section-container/section-container.md) — Layout — The outer wrapper for every landing section: a full-bleed background band with its content centred and capped at the landing content width (1280px), carrying the standard vertical rhythm. Soft and dark variants alternate sections. Grounds directly on the live marketing site (max-width 1280px, section padding ~64/32); framework-free and bound to the shared --aha-* tokens.
- [Spacing](landing/spacing/spacing.md) — Foundations — A landing Foundations-usage page for the spacing rhythm: the same --aha-space-* scale the product design system ships, shown as bars so marketing builders pick padding, gaps and margins from one source. This is not a second token source — every value is the shared token. The live marketing rhythm (section 64/32, gaps 24) maps entirely onto this scale.