# PRIVASEE® Website — v10 Direction A · FINAL SET

**Issued 2026-05-13** · Locked Direction A visual world (navy + glass-blue palette · rendered SVG visuals · Inter typography · sticky division bar across all pages).

This folder contains the complete approved-direction Phase 1 website preview · 12 HTML pages + 1 shared CSS. Send the whole folder to the developer / Framer team for build.

---

## Open this first

**Start at the Homepage** → [PRIVASEE_Homepage_DirA_Renders_v10.html](PRIVASEE_Homepage_DirA_Renders_v10.html)

Click the division tabs at the top to jump between divisions. Click the main nav links to walk through every page in the Smart Privacy division.

---

## File map

### Smart Privacy Systems · Division 01 · Live now (10 pages)

| # | File | Purpose |
|---|---|---|
| 1 | `PRIVASEE_Homepage_DirA_Renders_v10.html` | Group homepage · 3 divisions · intro banner · journey · compare · products · applications · process · stats · invitation |
| 2 | `PRIVASEE_SmartFilm_DirA_v10.html` | Smart Film product page · 3 grades · performance · use-cases · architect spec |
| 3 | `PRIVASEE_SmartGlass_DirA_v10.html` | Smart Glass product page · SG-01 + LG-02 + Custom Configs · 5-layer cross-section render |
| 4 | `PRIVASEE_Compare_DirA_v10.html` | Smart Film vs Smart Glass decision matrix · split-frame hero · 6 use-case verdicts |
| 5 | `PRIVASEE_Accessories_DirA_v10.html` | 6 Power Drives · TOSSEAL 381 + IPA 70% · switches/remotes · 15% bundle cross-sell engine |
| 6 | `PRIVASEE_Maintenance_DirA_v10.html` | Cleaning method · approved products · what voids warranty · 3P contractor acknowledgement |
| 7 | `PRIVASEE_TechLibrary_DirA_v10.html` | 29 PDF downloads · standards grid · compliance documentation request |
| 8 | `PRIVASEE_Villas_DirA_v10.html` | Application · 5 villa contexts · enhanced water protection block |
| 9 | `PRIVASEE_Offices_DirA_v10.html` | Application · 5 office contexts · acoustic-rated build · writing surface |
| 10 | `PRIVASEE_Contact_DirA_v10.html` | Quote form · 3 engagement options · UAE + UK office blocks |

### Coming-soon divisions (2 pages)

| # | File | Purpose |
|---|---|---|
| 11 | `PRIVASEE_Aluminium_DirA_v10.html` | Division 02 landing · steel accent · 4 system families · launch timeline · notify-me |
| 12 | `PRIVASEE_ArtGlass_DirA_v10.html` | Division 03 landing · terracotta accent · 4 techniques · launch timeline · notify-me |

### Shared design system

| File | Purpose |
|---|---|
| `_PRIVASEE_v10_shared.css` | Locked design tokens · all pages reference this single CSS |

---

## What's locked (Rev 1.1 brand rules — verified across every page)

- ❌ NO numeric Rw / STC values
- ❌ NO power-drive voltage values (48V / 60V) on public pages
- ❌ NO "most common" / "default" / relative claims for PJ-D
- ❌ NO specific marker brand names
- ❌ NO supplier brand names (Moben / Fuyin / Momentive / DZ vendor)
- ❌ NO "waterproof" — use "Enhanced water protection" verbatim
- ❌ NO panel-size hard caps externally
- ✅ VLT ≥ 90% clear / ≥ 80% opaque verbatim
- ✅ Service life "Indoor commercial use ≥ 7–10 years" verbatim
- ✅ TOSSEAL 381 only approved sealant
- ✅ IPA 70% only approved cleaner
- ✅ Insurance wording softened: "Insurance and compliance documentation can be provided for qualified tender or prequalification review where applicable"
- ✅ Smart Film vs Smart Glass naming (Option B brand shorthand)

---

## NEEDS INPUT before publish

These items have placeholders inside the HTML and need founder sign-off before going live:

1. UAE office street address (Contact page)
2. UAE office phone number (Contact page · footer)
3. UK warehouse address + phone (when warehouse opens · date TBC)
4. UK warehouse go-live date (currently "launching · date confirming")
5. Partner Account Manager identity (Partners / Contact pages)
6. Privacy + Terms + Cookies policy URLs (legal review required)
7. Real photography from PVS-SGS-BRIEF-PHOTO-01 photoshoot (currently using original SVG renders — publishable as-is, swappable to photography when delivered)

---

## How to view

1. Download or sync the whole folder
2. Double-click any `.html` file — it opens in any browser
3. The shared CSS loads automatically (same folder)
4. Click through the division tabs and main nav to walk the site

---

## Developer hand-off

Final production build is **Astro + Tailwind + WeasyPrint** (per `PRIVASEE_Website_Phase1_Planning_Rev1.0.md`).

When the dev team picks this up:
- Convert each HTML page into an Astro `.astro` component
- Move CSS variables to Tailwind config + tokens
- Move SVG renders into reusable Astro components
- Pull copy from the existing Stage 2 markdown drafts (in the parent `Website_Planning_Phase1/` folder)
- Add the Astro routing + form endpoint for `/contact`
- Drop in real PRIVASEE photography from the photoshoot as it arrives

---

PRIVASEE® · Smart Glass Systems · PVS-WEB-v10-FINAL · 2026-05-13