Christian ManivongandClaude Opus 5.5
f70fec496a
The site felt old, unfocused and bloated: 11 pages, a features page of 171 bullets, a homepage of 830 words in card grids around seven mockup-style screenshots, and no single thing it wanted a visitor to understand. - Message: control instead of drift. Audience: IT departments in small and mid-sized companies. Goal: buy a licence — netOrk itself is free, the licence adds vulnerability data and image updates. - Home is under 400 words: the drift comparison of a real access point, three steps, the hardware it runs on, vulnerabilities with a licence, what else is in the box, one closing band. Features, Drivers and Roadmap are gone; their URLs redirect (router and nginx 301). - New Pricing page: the free core, Starter / Pro / Enterprise on request with the plan differences from the licence server, four questions; buttons go to the licence portal. The unit-less KB request limit is left out. - Persona pages are one template; NIS2 and Plugins are cut to half or less. Impressum and Datenschutz exist as marked placeholders; the unsupported "MIT licence" claim is gone from the footer. - Look: light paper and ink, the dark product on a stage, Inter self-hosted, split sections and ruled lists instead of cards. Four real, cropped screenshots replace eight full-window ones. - Language follows the browser until someone chooses; <html lang> is set. Scroll-to-top on navigation, a catch-all route, no dead /docs/architecture. - CLAUDE.md, DESIGN.md, PAGES.md and PRODUCT.md describe the new rules. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
3.6 KiB
netOrk website — pages
Audience: IT departments in small and mid-sized companies — a small team, mixed hardware (OPNsense, HPE ProCurve/Aruba, TP-Link JetStream, OpenWrt, Proxmox, Linux), NIS2 on the agenda. Service providers and IT support are secondary and get their own page each.
One message: control instead of drift — define the desired state once; netOrk notices every change, shows what deviates and puts it back.
One goal: buy a licence. netOrk itself is free; the licence adds vulnerability data and image updates.
All copy is in src/i18n/translations.ts, English and German (German uses
"ihr"). The language follows the browser until someone chooses. Every claim
must be backed by docs/PRODUCT.md; automatic fixing exists for access point
profiles, so the site says "every deviation", never "every device fixes itself".
Word budgets (English, text in <main>)
scripts/check/site.py counts them; Home over budget fails the check.
| Page | Route | Budget |
|---|---|---|
| Home | / |
400 |
| Pricing | /pricing |
300 |
| NIS2 | /nis2 |
550 |
| Plugins | /plugins |
450 |
| Persona ×3 | /for/it-department, /for/it-support, /for/msp |
320 |
| Getting started | /docs/getting-started |
80 |
| Glossary, Impressum, Datenschutz | /glossary, /impressum, /datenschutz |
— |
Old routes redirect (in App.tsx and as 301 in nginx.conf): /features →
/#included, /drivers → /#hardware, /roadmap and /docs/architecture → /.
Home
- Hero — "Control instead of drift." The drift comparison of an access
point (
drift,drift-narrowon phones) with a caption saying what is in it. - How it works (
#how) — Define → Detect → Fix, three steps. - Hardware (
#hardware) — two lines of names: "desired state and fixes" and "inventory and monitoring"; a note on the untested NAPALM drivers. - Vulnerabilities, with a licence — the triage queue (
vulnerabilities), link to Pricing. - Also in the box (
#included) — eight terms, one short line each; a NIS2 row with a link. - Closing band — "netOrk is free. The licence adds the data."
Pricing
The free core as one row, then Starter / Pro / Enterprise, each "on request"
with a "Buy a licence" button to the licence portal (src/data/plans.ts). Plan
differences come from the licence server's plan defaults; the KB request limit
stays off the page until it has a unit. Four questions below, and the note that
there is no public installer yet.
Persona pages
One template (Persona.tsx): header, three problems, five ways netOrk helps
(desired state and drift first), the shared closing band. The IT-department
page shows the drift screenshot. The service-provider page says where it
stops today.
NIS2
Article by article (eight rows plus one "out of scope"), a dot and a word for coverage, what netOrk records along the way, the audit log screenshot. States plainly that netOrk does not make anyone compliant.
Plugins, Glossary, Getting started, Impressum, Datenschutz
Plugins: the five included ones with the hosts they talk to, how to write one,
one code example. Glossary: every term from src/glossary/terms.ts with a
category index. Getting started: "no public installer yet", write to us.
Impressum and Datenschutz: placeholders — the final text must replace the
yellow box before netork.io goes live.
Navigation and footer
Nav: wordmark · Who it's for ▾ · NIS2 · Plugins · Pricing · DE/EN · "Buy a
licence". Below lg a menu button. Footer: product links, persona links,
contact, "no cookies, no tracking, no requests to anyone else", © line with
Impressum and Datenschutz.