About this base
What each audience gets. llms.txt gives agents the same overview in plain text.
People and assistive technology
- Landmarks (header, primary navigation, main, footer) and a skip link.
- A visible focus ring, underlined links, 44px touch targets and 16px form text.
- Follows system light/dark, high-contrast, forced-colours and reduced-motion settings. Browser zoom and the system text-size setting are always respected.
- Print gets a stylesheet of its own.
Screens
| Screen | Behaviour |
|---|---|
| Phone | Single column, safe-area padding for notches and home indicators |
| Laptop / desktop | Fluid type and spacing, prose limited to a readable line length |
| Ultrawide | Content centred at 90rem wide; text is not enlarged for extra width |
| QHD / 4K monitor | Root text grows gently, up to 125% |
| TV (?display=tv) | 10-foot text size, overscan margins, large focus ring, arrow-key/D-pad focus |
| Info screen (?display=kiosk) | Text readable at a distance, no cursor, slow pixel shift against burn-in |
Agents, crawlers and automation
- Every control has a role and a visible name, so
getByRole('link', { name: 'About' })works in any test runner or browser agent. - Pages carry canonical URLs, OpenGraph tags and schema.org JSON-LD, and are listed in sitemap.xml.
- robots.txt, llms.txt and a web app manifest.
/healthzand/readyzreturn JSON status.