Footer

62:926 — Logo

Brand wordmark. Sans font, h5 size, medium weight. Used in copyright rows and inside the Logo + Tagline stack.

64:1146 — Logo (watermark)

Brand wordmark scaled to fill the footer width and applied at 5% opacity as a ghost watermark behind the copyright row. Rendered here at 10% so it reads on the swatch page.

64:1153 — Logo + Tagline

Stacked composition: small wordmark, lead-size tagline, primary CTA. 344px column width (col-4). gap-6 between rows.

65:1933 — Text + Button (horizontal apart)

h2 heading on the left filling the row, primary CTA on the right. Footer 2 layers an additional tagline column on top of this pattern to build its CTA box.

63:2009 — Menu Small (vertical)

Muted category label + small links stacked. text-small (14px) throughout, gap-3 (9px) between items. The link column used in Footer 1 and Footer 2's main menu rows.

63:2175 — Menu Large (vertical)

Muted category label (small/14px) + h4-sized links. Tighter gap-2 between links. Used in editorial / sitemap-style footers where the menu becomes a display element.

63:1721 — Subscribe

Newsletter form. 344px (col-4) column with title block (heading + muted description) above the email input + arrow submit, with a "we never share" reassurance line below. gap-6 between blocks, gap-5 inside the form, gap-3 between heading and description.

329:16977 — Color Scheme Toggle

2-state pill toggle. Cream-100 pill containing two segments (Moon / Sun); the active state fills with cream-300. Used at the right edge of the copyright row in both Footer 1 and Footer 2.

63:2351 — Language Select

Globe icon + current language + chevron. Inline trigger that opens a language picker. Used as a copyright-row slot in international footers. gap-3 between globe and the language group; the chevron sits flush against the label.

65:2118 — Disclaimer Text

Legal disclaimer. Body small (14px) at 70% opacity on body color; spans the full container width. Placeholder copy reserves space for registration status, regulatory authorizations, and license disclosures. Production legal copy replaces this before launch.

63:2112 — Links — Horizontal

Inline utility links at body-small (14px). gap-6 (24px) between each. Used as a copyright-row slot for legal / utility navigation (Licenses, Style guide, Changelog).

63:2045 — Copyright Area (2 slots, text + text)

Base 2-slot row. Body-small at 70% opacity on both sides, justify-between. Left for the © line, right for a secondary credit.

63:2113 — Copyright + Utility Links

© left, horizontal utility links right (Licenses / Style guide / Changelog). gap-6 between links. Used when the footer doubles as the site's legal/utility nav.

63:2088 — Copyright + Text & Button

© left, inline tagline + small primary CTA right. gap-5 between tagline and button. A compact upsell variant where the copyright row also nudges a conversion.

63:2046 — Copyright + Socials (with labels)

© left, social list with icon + text label right. gap-7 between social entries, gap-3 between icon and label. Used when the brand wants the social handles named, not just iconified.

64:934 — Logo + Utility Links

Wordmark left (swap of the © slot), utility links right. Used in footers that lead with brand identity rather than legal copy.

65:1911 — Logo + Text & Button

Wordmark left, inline tagline + small primary CTA right. The brand-led counterpart to 63:2088.

129:7897 — Copyright Area (3 slots): © + Socials + Text

Three-slot master. © left, icon-only social list center, secondary text right. justify-between distributes all three across the container. The fullest copyright row in the system.