# vauco.no — Design & build-spec for V1 (MVP)
**Eier:** Chris Christiansen
**Sist oppdatert:** 2026-05-31
**Status:** 🟡 Spec klar — venter på V1a (repo-opprettelse)
**Trigger for å starte build:** Etter Fase 8 approved, eller parallelt hvis Chris vil
> **Plassering av denne filen:** Mens `vauco-site`-repoet ikke finnes ennå, lever spec'en her i OSVauco. Når `vauco-saas/vauco-site` opprettes (V1a), flyttes denne filen dit som `README.md` eller `DESIGN.md`.
---
## 1. Hva siden er
Vauco AS sin offisielle bedriftsside på `vauco.no`. Ett formål: **lede besøkende videre til riktig salgs-modul** og samtidig svare på "hvem er Vauco?".
Det er ikke en produktside. Det er ikke en blogg. Det er en portal.
---
## 2. Sidekart V1
```
vauco.no/ (hovedside — én lang side, ankerlenker)
├── #hero
├── #moduler Grid av salgs-moduler
├── #hvorfor
├── #om
├── #kontakt
└── footer
vauco.no/personvern.html GDPR personvernerklæring
vauco.no/vilkar.html Standardvilkår for kunder
vauco.no/sitemap.xml
vauco.no/robots.txt
```
V1 er **én HTML-fil** + 2 statiske underdokumenter. Ikke noe mer.
---
## 3. Innhold per seksjon (utkast — Chris godkjenner copy)
### #hero
- **H1:** "Vauco bygger AI-moduler som leverer målbar verdi."
- **Sub:** "Norskutviklet. Drevet på Google Cloud. Lansert av operatører som faktisk har drevet plattformer i produksjon."
- **CTA primær:** "Se CostGuard →" (anchor til #moduler eller direkte til costguard.oss.vauco.no)
- **CTA sekundær:** "Snakk med Chris →" (mailto:chris.christiansen@vauco.no)
### #moduler (kjernen — grid med kort)
| Kort | Status | Lenke |
|------|--------|-------|
| **CostGuard** — AI-drevet GCP-kostnadsovervåkning. Stopp surprise-regninger før de skjer. | 🟢 Live | costguard.oss.vauco.no |
| **Threadstone** — Generativ AI-assistent for innhold som leverer. | 🟡 I pilot | threadstone.vauco.no |
| **Modul #3** — *Coming soon.* Meld deg på for tidlig tilgang. | ⏳ Q4 2026 | (mailto med subject "Modul 3 interesse") |
### #hvorfor (3 punkter, ikke flere)
1. **Norsk eierskap, norsk drift.** Data forblir i EU. Vauco AS er norsk-registrert (org.nr 935 989 779).
2. **GCP-ekspertise i bunn.** Vi har bygget og driftet Google Cloud-plattformer profesjonelt. Det er ingen tilfeldighet at CostGuard er første produkt.
3. **AI som ikke er hype.** Hver modul har en konkret jobb og et målbart utfall. Hvis vi ikke kan vise ROI, lanserer vi den ikke.
### #om
- Bilde av Chris (kan tas opp senere — V1 kan kjøre uten)
- Kort tekst: "Vauco AS er grunnlagt av Chris Christiansen i Oslo, 2026. Vi bygger AI-moduler for nordiske bedrifter."
- LinkedIn-lenke
### #kontakt
- `chris.christiansen@vauco.no`
- LinkedIn
- Oslo, Norge
- (Telefon kun ved forespørsel — ikke list åpent)
### footer
- Vauco AS · Org.nr 935 989 779
- Lenker: Personvern · Vilkår · Status (placeholder, peker til status.vauco.no når live)
- © 2026 Vauco AS
---
## 4. Visuell retning
### Stil-anker
Bygger videre på `threadstone-landing/index.html` sin estetikk:
- Mørk bakgrunn (`#0a0a0a` eller lignende)
- Lys tekst (`#f5f5f5`)
- Monospace for kodeaksenter / labels / footer (`'JetBrains Mono'`, `'SF Mono'`, fallback `ui-monospace`)
- Sans-serif for body: Inter / SF Pro Display / system-ui
### Farger
| Rolle | Hex | Bruk |
|-------|-----|------|
| Bakgrunn | `#0a0a0a` | `` |
| Tekst primær | `#f5f5f5` | H1, body |
| Tekst sekundær | `#a0a0a0` | Sub-text, captions |
| Aksent — Vauco | `#e8d4a3` (varm sand/gull, samme som Threadstone) | Lenker, CTA-knapp |
| Aksent — CostGuard | TBD (foreslå grønn/blå, ikke samme som Vauco-aksent) | Kun på CostGuard-kortet |
| Aksent — Threadstone | TBD (foreslå lilla/rose) | Kun på Threadstone-kortet |
| Border | `rgba(255,255,255,0.08)` | Kort-borders |
### Typografi
- H1: 48–64px, weight 600, line-height 1.1
- H2: 32–40px, weight 500
- Body: 16–18px, line-height 1.6
- Monospace caption: 13px, uppercase letter-spacing 0.1em
### Layout
- Maks bredde: 1100px, sentrert
- Padding: 24px på mobil, 48px på desktop
- Grid på #moduler: 1 kolonne mobil, 2 kolonner tablet, 3 kolonner desktop
- Vertikal rytme: 96px mellom hovedseksjoner
### Mobile-first
Chris demoer fra telefon. Side må fungere perfekt på iPhone 13/14/15. Test både portrait og landscape.
### Performance-mål
- Lighthouse: Performance ≥95, Accessibility ≥95, Best Practices ≥95, SEO ≥95
- Total page size <100KB (uten bilder)
- Ingen tracking-piksler i V1
- Ingen tredjepartsfonter — bruk system-stack med fallback (eller selvhostet Inter via woff2)
---
## 5. Teknisk
### Stack
- **HTML5 + CSS3** (vanilj — ingen framework)
- **Ingen JavaScript** i V1 (eller maks 1 KB for smooth-scroll på ankerlenker)
- **GitHub Pages** for hosting
- **GitHub Actions** for valider-og-deploy (auto-deploy på push til main)
### Filstruktur i `vauco-site/` repo
```
vauco-site/
├── index.html
├── personvern.html
├── vilkar.html
├── style.css (kan inline-es i index.html for V1)
├── assets/
│ ├── favicon.svg
│ ├── og-image.png (1200x630, Open Graph)
│ └── (evt. Chris-portrett)
├── CNAME (innhold: vauco.no)
├── robots.txt
├── sitemap.xml
└── README.md (denne filen flyttes hit)
```
### Meta-tags (kritisk for SEO + sosial deling)
```html
Vauco — AI-moduler som leverer målbar verdi
```
### DNS-endringer (i Proisp)
| Record | Type | Verdi |
|--------|------|-------|
| `@` (apex) | A | `185.199.108.153` (GitHub Pages) |
| `@` (apex) | A | `185.199.109.153` |
| `@` (apex) | A | `185.199.110.153` |
| `@` (apex) | A | `185.199.111.153` |
| `www` | CNAME | `vauco-saas.github.io.` |
**Eksisterende A-records (Proisp-parking 104.37.38.95, 104.37.39.71) må fjernes.**
### Email-records (V1e — samme runde)
| Record | Type | Verdi |
|--------|------|-------|
| `@` | TXT | `"v=spf1 include:_spf.google.com ~all"` |
| `google._domainkey` | TXT | (hent fra Google Workspace Admin → Apps → Gmail → Authenticate email) |
| `_dmarc` | TXT | `"v=DMARC1; p=quarantine; rua=mailto:dmarc@vauco.no; pct=100"` |
---
## 6. Akseptkriterier for V1
Før V1 kan kalles ferdig:
- [ ] `https://vauco.no` viser ny side (ikke "Under construction")
- [ ] `https://www.vauco.no` viser samme side (eller redirect til apex)
- [ ] Lighthouse mobil: alle 4 ≥95
- [ ] OG-bilde rendrer korrekt i LinkedIn-deling (test via [LinkedIn Post Inspector](https://www.linkedin.com/post-inspector/))
- [ ] CostGuard-kort lenker til `costguard.oss.vauco.no` og kortet åpnes som ny tab
- [ ] Threadstone-kort lenker til `threadstone.vauco.no`
- [ ] `personvern.html` og `vilkar.html` finnes og er lenket fra footer
- [ ] SPF + DKIM + DMARC verifisert via [mxtoolbox.com](https://mxtoolbox.com) — alle grønne
- [ ] Sitemap pinget til Google Search Console
- [ ] Chris signer av visuelt — `V1 APPROVED`
---
## 7. V2 og videre — ikke bygg ennå
Bare for kontekst:
- **V2:** CostGuard ROI-kalkulator inline på siden, første case study
- **V3:** Blogg/innsikter (`vauco.no/innsikt/`), kundereferanser, live status-widget
- **V4:** `/en` engelsk versjon, Proof of Curiosity i footer
---
## 8. Bygg-rekkefølge for V1 (når du eller en agent starter)
```bash
# 1. Opprett repo
gh repo create vauco-saas/vauco-site --public \
--description "vauco.no — Vauco AS salgsportal" \
--add-readme
# 2. Klon, lag struktur
git clone https://github.com/vauco-saas/vauco-site.git
cd vauco-site
# (kopier denne DESIGN.md inn som README.md)
# (bygg index.html, personvern.html, vilkar.html, CNAME, robots.txt, sitemap.xml)
# 3. Sett CNAME-fil
echo "vauco.no" > CNAME
# 4. Push
git add -A
git commit -m "feat: Vauco AS apex-side V1 MVP"
git push origin main
# 5. Aktiver Pages: Settings → Pages → Source: main / root
# 6. Vent på SSL-sertifikat (kan ta 24t første gang)
# 7. Endre DNS i Proisp (se tabell §5 over)
# 8. Vent på DNS-propagering, verifiser med:
dig +short vauco.no A
# Forventet: 185.199.108-111.153
# 9. Sjekk SSL:
curl -sI https://vauco.no | head -5
# Forventet: HTTP/2 200, server: GitHub.com
```
---
## 9. Referanser
- Stilanker: `threadstone-landing/index.html` (samme org)
- Designinspirasjon: [linear.app](https://linear.app), [resend.com](https://resend.com), [vercel.com](https://vercel.com)
- GDPR-guide for personvernerklæring: [Datatilsynet — krav til personvernerklæring](https://www.datatilsynet.no/)
- GitHub Pages custom domain: [docs.github.com/pages/configuring-a-custom-domain](https://docs.github.com/en/pages/configuring-a-custom-domain-for-your-github-pages-site)
---
*Denne spec'en flyttes til `vauco-saas/vauco-site/README.md` så snart V1a er gjennomført.*