Fundament: Branding Craftvia

- Farb-Tokens laut Brandbook §11.4 (Lotsenblau, Signalorange, Graphit, Hafengrau,
  Stahlgrau, Zink, Funktionsfarben) in globals.css + src/lib/brand.ts; helles Theme
- Inline-SVG-Logo src/components/brand/craftvia-logo.tsx (horizontal/signet,
  color/mono/reversed, App-Icon-Kachel, optionale Tagline); Certvia-/GEFIM-Logos entfernt
- Favicon/PWA-Icons aus dem Signet erzeugt (scripts/generate-brand-icons.ts),
  site.webmanifest (Craftvia, theme_color #082E5B)
- Inter selbst gehostet (next/font/local, lokale OFL-Datei), Open Sans/Poppins entfernt
- Metadaten, WebAuthn-RP-Name, Mail-/Dokument-CD auf Craftvia umgestellt
- docs/craftvia/BRANDING.md ersetzt docs/BRANDING-CERTVIA.md

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
2026-09-14 11:39:52 +02:00
co-authored by Claude Opus 5
parent 8491c7f173
commit 9ec7fa5356
62 changed files with 549 additions and 1070 deletions
-5
View File
@@ -1,5 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64" role="img" aria-label="Certvia">
<rect x="0" y="0" width="64" height="64" rx="14" fill="#5d52a3"/>
<path d="M46 20 A17 17 0 1 0 46 44" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round"/>
<path d="M27 32 l6 6 l12 -15" fill="none" stroke="#f2a7ef" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

Before

Width:  |  Height:  |  Size: 427 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 22 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 22 KiB

@@ -1,4 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="256" height="256" role="img" aria-label="Certvia">
<path d="M46 20 A17 17 0 1 0 46 44" fill="none" stroke="#3b3b3a" stroke-width="6" stroke-linecap="round"/>
<path d="M27 32 l6 6 l12 -15" fill="none" stroke="#3b3b3a" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

Before

Width:  |  Height:  |  Size: 361 B

-4
View File
@@ -1,4 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="256" height="256" role="img" aria-label="Certvia">
<path d="M46 20 A17 17 0 1 0 46 44" fill="none" stroke="#8a8a90" stroke-width="6" stroke-linecap="round"/>
<path d="M27 32 l6 6 l12 -15" fill="none" stroke="#8a8a90" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

Before

Width:  |  Height:  |  Size: 361 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 11 KiB

@@ -1,4 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="256" height="256" role="img" aria-label="Certvia">
<path d="M46 20 A17 17 0 1 0 46 44" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round"/>
<path d="M27 32 l6 6 l12 -15" fill="none" stroke="#ffffff" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

Before

Width:  |  Height:  |  Size: 361 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 14 KiB

@@ -1,4 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="256" height="256" role="img" aria-label="Certvia">
<path d="M46 20 A17 17 0 1 0 46 44" fill="none" stroke="#5d52a3" stroke-width="6" stroke-linecap="round"/>
<path d="M27 32 l6 6 l12 -15" fill="none" stroke="#812d80" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

Before

Width:  |  Height:  |  Size: 361 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 40 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 576 B

After

Width:  |  Height:  |  Size: 915 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.6 KiB

After

Width:  |  Height:  |  Size: 5.2 KiB

+14
View File
@@ -0,0 +1,14 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64">
<defs>
<mask id="cut" maskUnits="userSpaceOnUse" x="0" y="0" width="64" height="64">
<rect x="0" y="0" width="64" height="64" fill="#fff"/>
<path d="M6 28 L22 42 L44 21" fill="none" stroke="#000" stroke-width="13" stroke-linejoin="miter"/>
</mask>
</defs>
<rect x="0" y="0" width="64" height="64" rx="14" fill="#082E5B"/>
<g transform="translate(9.6 9.6) scale(0.7)">
<path d="M36.5 16.14 A19 19 0 1 0 48.71 37.3" fill="none" stroke="#FFFFFF" stroke-width="11" stroke-linecap="butt" mask="url(#cut)"/>
<path d="M6 28 L22 42 L44 21" fill="none" stroke="#FF6A00" stroke-width="7" stroke-linejoin="miter"/>
<path d="M52.7 12.7 L47.73 27.8 L37.37 16.96 Z" fill="#FF6A00"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 807 B

+14
View File
@@ -0,0 +1,14 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64">
<defs>
<mask id="cut" maskUnits="userSpaceOnUse" x="0" y="0" width="64" height="64">
<rect x="0" y="0" width="64" height="64" fill="#fff"/>
<path d="M6 28 L22 42 L44 21" fill="none" stroke="#000" stroke-width="13" stroke-linejoin="miter"/>
</mask>
</defs>
<g transform="translate(2 2) scale(0.9375)">
<path d="M36.5 16.14 A19 19 0 1 0 48.71 37.3" fill="none" stroke="#082E5B" stroke-width="11" stroke-linecap="butt" mask="url(#cut)"/>
<path d="M6 28 L22 42 L44 21" fill="none" stroke="#FF6A00" stroke-width="7" stroke-linejoin="miter"/>
<path d="M52.7 12.7 L47.73 27.8 L37.37 16.96 Z" fill="#FF6A00"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 741 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 572 B

After

Width:  |  Height:  |  Size: 464 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 893 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.8 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 20 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.0 KiB

After

Width:  |  Height:  |  Size: 5.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 20 KiB

After

Width:  |  Height:  |  Size: 19 KiB

+9 -5
View File
@@ -1,11 +1,15 @@
{
"name": "Certvia",
"short_name": "Certvia",
"description": "Informationssicherheit. Endlich einfach.",
"theme_color": "#5d52a3",
"background_color": "#0e1220",
"name": "Craftvia",
"short_name": "Craftvia",
"description": "Handwerk. Digital auf Kurs.",
"lang": "de",
"start_url": "/dashboard",
"scope": "/",
"theme_color": "#082E5B",
"background_color": "#F3F5F7",
"display": "standalone",
"icons": [
{ "src": "/favicon/craftvia-app-icon.svg", "sizes": "any", "type": "image/svg+xml" },
{ "src": "/favicon/pwa-192.png", "sizes": "192x192", "type": "image/png" },
{ "src": "/favicon/pwa-512.png", "sizes": "512x512", "type": "image/png" },
{ "src": "/favicon/maskable-512.png", "sizes": "512x512", "type": "image/png", "purpose": "maskable" }