Reusable
Reusable content systems
Standardized hero, card, and section elements keep every site visually consistent and easy to maintain.
About the template
A reusable foundation for managed websites.
The template captures the standards proven across recent client builds so every new site starts polished and accessible.
It pairs a small set of canonical layouts, hero variants, and page elements with a typed data model and clean static publishing defaults.
Principles
What the template prioritizes
Each principle maps to a documented standard and a reusable element or layout in the template.
Accessible
Accessible defaults
Semantic markup, focus-visible outlines, and meaningful alt text guidance ship with the template.
Static
Static performance
Astro builds publish to static HTML so pages load fast on any host and stay cache-friendly.
Managed
Managed publishing ready
File-backed content keeps Git as the source of truth and prepares each site for the managed publishing workflow.
Gallery
Image Gallery example
The reusable Image Gallery element renders a responsive grid of linked images and remains accessible without a heavy client library.
Responsive content
Responsive table example
Tables inside .prose pick up data-label attributes from the responsive-tables script. On narrow viewports the table switches to a stacked card layout that surfaces each column header through the generated label.
| Area | Purpose | Owner |
|---|---|---|
| Content | Reusable page sections and starter copy | Editor |
| Components | Hero, card, and section element library | Engineering |
| Launch | Pre-launch review and accessibility checks | Project lead |
Reusable elements
Compose pages from a small set of approved elements.
Hero variants, split features, info cards, image tile grids, quick action bars, and CTA bands cover most page structures across managed sites.
When a page needs something new, the standards add it once so every site benefits from the same contract.
Next step