---
name: srvo chrome canonical v1
status: active
hosted_at: https://assets.srvo.io/chrome/v1/
---
# srvo chrome v1 — design contract
Single source of truth for the persistent header + footer + burger nav across srvo-family sites. Sites import this CSS+JS pair; markup follows the contract below.
## What this is
- `chrome.css` — header, footer, burger styles. CSS variables let each site set accent colors.
- `chrome.js` — burger toggle behavior. Self-initializing; idempotent.
- This file — markup contract every consuming site must follow.
## How to consume (any site)
Add to ``:
```html
```
Add before ``:
```html
```
Optional `:root` overrides (only if the site's brand differs from the srvo defaults):
```css
:root {
--warm: #da9123; /* primary accent */
--warm2: #c47e18; /* hover accent */
--text: #1a1916;
--bg: #f5f2ec;
--border: #e5dfd2;
--muted: #6b6860;
}
```
## Required markup
### Header
```html
```
If no CTA: skip `.nav-right` and put the toggle button directly inside `