# Evensiva Docs HTML Style Guide
**Use this UI/UX style for every `.html` documentation file in this project.** This keeps setup guides, architecture docs, and feature references consistent.
## Reference file
- **Reference:** `docs/setup/environment-and-deployment-guide.html` — copy its `` (meta, title, fonts, `
```
## Body template
```html
Document Title
Short description.
Overview
```
## Rules
- Every HTML doc must use this dark theme, layout (sidebar + main), fonts, and structure.
- Give each major section an `id` and add a matching link in the sidebar.
- Keep the same CSS variables and class names so future edits stay consistent.
- **File extension:** Prefer **.html** for new docs (same dark layout). Use **.md** only when the doc is referenced from code or rules.
- **Always update the index:** When you add any new doc, add an entry to `docs/documentation-index.json` so it appears in the documentation.
- **Screenshots:** Put PNGs under `public/Images/docs/` and reference them as `/Images/docs/filename.png` (capital **`I`** — URLs are case-sensitive on Linux production hosts).