feat: complete premium visual audit and brand refinement

docs/ai/BACKLOG.yaml

@@ -1994,6 +1994,89 @@ tasks:
       exact afgeleid voor 512px favicon/app-icon en 256px Dockermanicoon. Browsermatrix 390/1280/1920 schoon, 267
       tests groen en live image sha256:daf34407813b37cdf2d0fc65a482ded65375f89eedd3f0144a8c0ce206d41565 healthy
       met readiness/PNG-smokes.
+- id: VR-221
+  title: Scheid appmerk van ontwikkelaarsbranding
+  status: done
+  priority: P1
+  requirement_ids:
+  - NFR-004
+  - NFR-008
+  - NFR-009
+  depends_on:
+  - VR-220
+  summary: Herstel VacatureRadar als zelfstandig productmerk met een nieuw professioneel radarlogo en favicon, en
+    plaats de aangeleverde ITWorx.tech-identiteit uitsluitend als subtiele ontwikkelaarscredit.
+  acceptance_criteria:
+  - VacatureRadar gebruikt een zelfstandig, vectorvriendelijk beeldmerk dat radar, detectie en een gevonden kans
+    combineert, scherp blijft op 16 px en visueel niet met het ITWorx-cloud-check-logo concurreert.
+  - Sidebar, login, favicon en Dockerman tonen het VacatureRadar-productmerk; ITWorx.tech staat alleen op geschikte
+    secundaire plaatsen als `Ontwikkeld door ITWorx.tech`.
+  - De ontwikkelaarscredit gebruikt de officiële aangeleverde ITWorx-wordmark lokaal en blijft ondergeschikt, toegankelijk
+    en leesbaar in donker/licht thema en op mobiel.
+  - Browsercontrole op login, dashboard en verkenner bij 390, 1280 en 1920 px toont correcte merkhiërarchie, geladen
+    assets, geen overflow of consolefouten; live container en alle assets zijn healthy.
+  verification:
+  - Inspecteer VacatureRadar-SVG op viewBox, elementeenvoud en klein-formaat-signatuur
+  - uv run pytest tests/integration/test_auth_login.py tests/integration/test_views.py tests/unit/test_deployment_configuration.py
+  - Browsermatrix 390/1280/1920 voor login, dashboard en verkenner
+  - Live logo-, favicon-, ontwikkelaarswordmark-, readiness- en containerhealth-smoke
+  - ./scripts/codex_verify.sh
+  primary_paths:
+  - static/favicon.svg
+  - static/img/vacatureradar-logo.svg
+  - static/img/vacatureradar-docker.png
+  - static/img/itworx-wordmark.png
+  - templates/base.html
+  - templates/registration
+  - static/css/premium.css
+  - static/css/auth.css
+  result:
+    completed_at: '2026-07-26'
+    note: VacatureRadar heeft een zelfstandig professioneel open-radar-logo, SVG-favicon en 256px Dockermanicoon;
+      officiële ITWorx.tech-wordmark staat alleen als Ontwikkeld door-credit. Twee beeldconcepten verkend, finale
+      geometrie handmatig als vijf-elementen-SVG gebouwd. Browsermatrix 390/1280/1920 schoon, 267 tests groen en
+      live image sha256:4184aeff33759b7a205637b0a0333b751b599141fe691a61965d2f1c56ca984a healthy met alle asset-smokes.
+- id: VR-222
+  title: Voer een integrale premium visuele audit en herstelroadmap uit
+  status: done
+  priority: P1
+  requirement_ids:
+  - NFR-004
+  - NFR-008
+  - NFR-009
+  depends_on:
+  - VR-221
+  summary: Audit de volledige cockpit als één designsysteem en herstel merkhiërarchie, uitlijning, informatiedichtheid,
+    interactiedoelen, responsief gedrag en motion tot een consistente premium productervaring.
+  acceptance_criteria:
+  - Een gedateerd auditrapport bevat geprioriteerde bevindingen, concreet gevolg, herstelactie en volledige roadmap
+    voor alle hoofdschermen, login en herstel.
+  - Topbar en hoofdcontent delen voorspelbare horizontale ankers; dashboard en activiteit zijn aantoonbaar compacter
+    zonder echte informatie te verbergen of controles onbruikbaar te maken.
+  - VacatureRadar blijft het enige primaire appmerk; ITWorx.tech staat uitsluitend als subtiele ontwikkelaarscredit
+    en geen concept- of chroma-keybeeld wordt als productasset geleverd.
+  - Controls, focus, reduced motion, dark/light en 390/768/1280/1440/1920/3840 px zijn gecontroleerd zonder overflow,
+    consolefouten of regressie in de server-rendered kernflow.
+  - De live container is healthy en levert het finale logo, favicon en de relevante CSS met HTTP 200.
+  verification:
+  - Browsermatrix voor alle hoofdschermen plus login in dark/light en 390/768/1280/1440/1920/3840 px
+  - uv run pytest tests/integration/test_auth_login.py tests/integration/test_views.py
+  - ./scripts/codex_verify.sh
+  - Live readiness-, containerhealth- en assetsmokes
+  primary_paths:
+  - docs/design/VISUAL_AUDIT_2026-07-26.md
+  - templates/base.html
+  - templates/dashboard/today.html
+  - templates/activity/list.html
+  - static/css/premium.css
+  - static/css/pages.css
+  - static/css/responsive.css
+  result:
+    completed_at: '2026-07-26'
+    note: 'Integrale audit en roadmap uitgevoerd: gedeeld contentframe, vijf dashboardmatches, compacte activiteit,
+      subtiele ITWorx-credit, grotere klikdoelen, volledige reduced-motion, CSS-cacheversies en herstelde mobiele
+      loginiconen/uitlijning. Browsermatrix 50 route/breedtechecks plus light/login schoon; 268 tests groen, 2 skips,
+      83,45% dekking.'
 - id: VR-301
   title: Multi-tenant SaaS, teams en billing
   status: deferred