Skip to main content

Components

The parts every site is built from

Each one is used on the templates; open one to see it in context.

TopNav and MobileDrawer

Sticky header with disclosure dropdowns that condenses on scroll; a modal drawer on phones.

Rich footer

Titled columns, contact block, legal line, theme switch and back to top.

EnquiryForm

Validation, honeypot, lazy Turnstile, server errors shown in words, a fallback email.

Photo, Picture, PhotoStack

AVIF and WebP at three widths, colour placeholders, parallax stacks.

PageHero and Breadcrumbs

Inner page headers with BreadcrumbList JSON-LD written at build.

Cards, buttons, fields, modal, toast

The packages/ui kit, on the shared tokens.

ThemeToggle

System, dark or light, applied before first paint.

Legal pages

Privacy, terms, accessibility and 404, ready to review.