feat: complete premium visual audit and brand refinement

tests/integration/test_auth_login.py

@@ -26,9 +26,13 @@ def test_login_page_renders_stitch_design(client):
     assert 'src="/static/js/login.js?' in body
     assert "<script>" not in body
     assert "Persoonlijke intelligence cockpit" in body
-    assert 'alt="ITWorx.tech"' in body
+    assert 'alt="VacatureRadar"' in body
+    assert "Ontwikkeld door" in body
+    assert 'aria-label="Ontwikkeld door ITWorx.tech"' in body
+    assert 'src="/static/img/itworx-wordmark.png" alt=""' in body
     assert 'src="/static/img/itworx-wordmark.png"' in body
-    assert 'sizes="512x512"' in body
+    assert 'href="/static/favicon.svg?' in body
+    assert 'sizes="any"' in body
 
 
 @override_settings(VACATURERADAR_OWNER_NAME="Eigen merk")
@@ -36,7 +40,7 @@ def test_login_page_keeps_official_brand_separate_from_owner_setting(client):
     body = client.get(reverse("login")).content.decode("utf-8")
 
     assert "Eigen merk" not in body
-    assert 'content="VacatureRadar · ITWorx.tech"' in body
+    assert 'content="VacatureRadar"' in body
 
 
 def test_login_with_email(client, user):

tests/integration/test_views.py

@@ -18,16 +18,21 @@ def test_today_requires_login(client):
 
 @pytest.mark.integration
 @pytest.mark.django_db
-def test_browser_favicon_and_brand_assets_are_local_pngs(client):
+def test_browser_favicon_and_product_brand_assets_are_local(client):
     response = client.get("/favicon.ico")
     assert response.status_code == 301
-    assert response.url.endswith("/static/img/itworx-app-icon.png")
+    assert response.url.endswith("/static/favicon.svg")
 
-    favicon = settings.BASE_DIR / "static" / "img" / "itworx-app-icon.png"
+    favicon = (settings.BASE_DIR / "static" / "favicon.svg").read_text(encoding="utf-8")
+    product_logo = (settings.BASE_DIR / "static" / "img" / "vacatureradar-logo.svg").read_text(
+        encoding="utf-8"
+    )
     wordmark = settings.BASE_DIR / "static" / "img" / "itworx-wordmark.png"
-    assert favicon.read_bytes().startswith(b"\x89PNG\r\n\x1a\n")
+    for signature in ('stroke="#19d3e6"', 'stroke="#7df5ff"', 'fill="#45d69b"'):
+        assert signature in favicon
+        assert signature in product_logo
+    assert 'viewBox="0 0 64 64"' in favicon
     assert wordmark.read_bytes().startswith(b"\x89PNG\r\n\x1a\n")
-    assert favicon.stat().st_size < 150_000
     assert wordmark.stat().st_size < 100_000
 
 
@@ -39,21 +44,28 @@ def test_today_loads_for_user(client, user, profile):
     assert response.status_code == 200
     assert "Vandaag" in response.content.decode()
     body = response.content.decode()
-    assert 'alt="ITWorx.tech"' in body
-    assert "VacatureRadar · intelligence cockpit" in body
-    assert "ITWorx.tech" in body
-    assert "VacatureRadar · Dagoverzicht" in body
+    assert 'aria-label="VacatureRadar dashboard"' in body
+    assert "Intelligence cockpit" in body
+    assert "Ontwikkeld door" in body
+    assert 'aria-label="Ontwikkeld door ITWorx.tech"' in body
     assert "Dagoverzicht" in body
-    assert 'content="VacatureRadar · ITWorx.tech"' in body
+    assert 'content="VacatureRadar"' in body
 
 
-def test_premium_layout_uses_one_left_aligned_ultrawide_grid():
+def test_premium_layout_uses_one_bounded_ultrawide_grid():
     css = (settings.BASE_DIR / "static" / "css" / "premium.css").read_text(encoding="utf-8")
-    assert "max-width: 2800px; margin-right: auto; margin-left: 0" in css
+    assert "--content-frame: 1720px" in css
+    assert "width: min(100%, var(--content-frame))" in css
+    assert ".topbar-inner" in css
     assert "@media (min-width: 1800px)" in css
     assert "minmax(650px, 880px) minmax(760px, 1fr)" in css
 
 
+def test_css_imports_share_the_release_cache_version():
+    css = (settings.BASE_DIR / "static" / "css" / "app.css").read_text(encoding="utf-8")
+    assert css.count("?v=0.3.9") == 7
+
+
 @pytest.mark.integration
 @pytest.mark.django_db
 def test_job_list_defaults_to_ranked_it_focus_but_keeps_explicit_archive(