first publish

public/brand/README.md

@@ -0,0 +1,44 @@
+# Brand-Assets
+
+## Was hier liegt
+
+| Datei | Inhalt | Verwendung |
+|---|---|---|
+| `logo-mark.svg` | Das W-Monogramm mit Wolfskopf, aus dem Original-Logo der Kundin abgeleitet | Header, Hero, WOLF-Prinzip, Footer, Vorhang beim Seitenwechsel, 404 |
+| `logo-full.png` | Komplettes Lockup (Monogramm + Wortmarke) auf Tinte, 2400 × 1260 px | Social-Preview (OpenGraph), z. B. beim Teilen auf LinkedIn |
+
+## Wie `logo-mark.svg` entstanden ist
+
+Quelle: `v3-anelia-wolf-gold.svg` der Kundin. Daraus wurde für die Website aufbereitet:
+
+- C2PA-Metadaten entfernt. Der Block war rund 16 KB groß und wird auf **jeder** Seite
+  mit eingebettet, weil das Monogramm inline im HTML steht.
+- Weißes Hintergrundrechteck entfernt, damit die Marke auf Tinte und auf Elfenbein sitzt.
+- Wortmarke entfernt. „ANELIA WOLF“ steht auf der Website als echter Text (Jost, gesperrt),
+  nicht als Bild: das bleibt bei jeder Fenstergröße scharf, ist vorlesbar und lässt sich
+  markieren. Das Original-Lockup steckt in `logo-full.png`.
+- `viewBox` auf die Marke beschnitten, damit sie in ihrem Feld keine Luft verschenkt.
+- Die schwarzen Flächen auf `currentColor` gestellt. Dadurch ist das W auf dunklen Flächen
+  elfenbein und auf hellen tinte, ohne zweite Datei. Der Wolf behält seinen Goldverlauf.
+- Feste IDs vergeben: `v-left`, `v-right`, `wolf`. `BrandMark.tsx` hängt daran die Klassen
+  für die Animation.
+
+**Die Original-Koordinaten wurden nicht verändert**, nur der Ausschnitt. Der Goldverlauf
+(`userSpaceOnUse`) trifft deshalb exakt dieselben Stellen wie im Original.
+
+## Wenn ein neues Logo kommt
+
+Die Datei einfach ersetzen. Voraussetzungen:
+
+- **SVG, kein `<script>`.** Ein Skript bricht den Build absichtlich ab, mit Fehlermeldung.
+  Die Datei wird inline eingebettet, auf einer Seite, die „keine externen Skripte“ zusagt.
+- Kein Hintergrundrechteck, transparent.
+- Die schwarzen Teile auf `fill="currentColor"`, der Wolf auf seinen Verlauf.
+- IDs `v-left`, `v-right`, `wolf` vergeben, sonst wird in DOM-Reihenfolge animiert.
+
+Fehlt die Datei ganz, zeichnet die Website automatisch die eigene Näherung
+(`src/components/brand/WolfMark.tsx`). Nichts bricht.
+
+## Portraits
+
+Fotos von Anelia gehören nach `public/photos/`, siehe die dortige README.

public/brand/logo-mark.svg

@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="336.95 179.47 606.6 467.63" fill="none">
+<title>Anelia Wolf – Monogramm</title>
+<defs>
+<linearGradient id="wolf-gold" gradientUnits="userSpaceOnUse" x1="470" y1="150" x2="700" y2="830"><stop offset="0" stop-color="#7a5518"></stop><stop offset="0.1" stop-color="#c69544"></stop><stop offset="0.22" stop-color="#f7e6b6"></stop><stop offset="0.33" stop-color="#dcb96f"></stop><stop offset="0.46" stop-color="#a87a2a"></stop><stop offset="0.58" stop-color="#ecd69d"></stop><stop offset="0.72" stop-color="#c18f3c"></stop><stop offset="0.86" stop-color="#8a6220"></stop><stop offset="1" stop-color="#5c3e10"></stop></linearGradient>
+</defs>
+<path id="v-left" fill="currentColor" fill-rule="evenodd" d="M342.95 252.83L437.95 252.76L492.27 382.54L496.27 442.81Q496.6 447.8 494.67 443.19L423.12 271.95L372.83 271.87L518.07 620.85L546.52 621.13L604.42 488.33L608.92 499.73L616.45 511.75L559.5 641.01L505.22 641.1L342.95 252.83Z"/>
+<path id="v-right" fill="currentColor" fill-rule="evenodd" d="M745.4 463.5C749.15 468.61 750.09 474.4 753.33 480.23C758.39 473.22 759.96 464.57 765 457.42C771.39 457.07 779.8 456.6 785.58 458.18C783.62 466.04 779.77 473.76 776.69 481.41C768.74 501.18 760.7 520.88 752.71 540.64C752.64 540.45 729.39 482.59 730.34 476.82C731.53 469.62 739.41 465.83 745.4 463.5Z M842.48 252.76L937.55 252.86L888.13 363.11L870.54 351.72L905.13 271.88L856.63 271.88L831.16 334.16L812.13 325.77L842.48 252.76Z"/>
+<path id="wolf" fill="url(#wolf-gold)" fill-rule="evenodd" d="M687 359.6C682 363.5 656 376 647.55 385.14C601.07 434.39 633.25 498.47 685.03 526.75C685.62 512.43 682.57 495.89 687.36 481.35C694 462 722 432 753.71 426.64C763.02 424.94 771.33 426.55 780.51 427.53C798.79 429.48 817.6 426.08 832.72 415.93C839.61 411.31 845.74 405.45 848.35 397.26C850.68 389.96 848.54 383.49 843.11 378.32C841 376.31 838.62 376.01 836.24 374.49C816.41 361.86 781.23 353.42 767.56 335.52C762.95 329.49 759.75 322.18 755.35 315.96C744.69 300.87 727.3 288.87 710.47 281.69C705.29 279.48 699.01 280.11 694.14 277.5C674.42 266.92 684.83 235.89 673.46 220.38C669.38 221.97 667.85 224.66 664.45 227.55C642.95 245.82 628.54 270.04 619.1 296.6C616.5 303.91 616.22 311.48 611.92 318.1L611.92 318.1C607.99 312.37 609.1 304.7 605.64 299.16C553.34 310.34 485.02 429.02 538.37 471.48C564.6 447.08 569.77 404.5 601.05 377.94C583.83 423.29 565.1 466.85 548.33 512.39C544.52 522.73 541.02 533.22 537.24 543.63C534.16 532.78 531.01 522.34 527.59 511.73C501.78 431.56 493.32 351.18 570.95 295.53C584.92 285.51 604.49 279.71 612.01 263.96C625.62 235.47 644.79 212.66 671.62 195.53C677.38 191.86 682.46 187.37 688.94 185.47C695.28 195.04 697.23 249.67 703.64 257.15C705.86 259.73 709.77 259.23 712.78 260.45C723.59 264.84 735.12 270.75 744.18 277.96C748.68 281.54 758.42 290.33 761.6 294.79C768.13 303.94 776.33 323.62 786.09 329.27C804.11 339.71 867.4 359.72 877.71 372.79C882.97 379.45 877.44 389.1 874.62 395.45C855 439.7 823.99 442.2 780.52 445.24C763 445.4 739 449 720.58 461.83C707.45 470.98 705.5 489 703 500C703 515 722 590 735 625.2L695.4 569.4C690.6 562.2 685.1 555.4 680.21 549.55C672.45 541.98 662.5 537.14 653.76 530.87C634.81 517.29 621.02 498.92 611.58 477.69C602.38 456.99 602.45 427.05 612.43 406.55C624.19 382.42 642.63 364.74 669.64 358.96C676.49 357.5 682 356.8 687 359.6Z M754.75 342.41C742 347.13 713.67 332.6 707.02 321.37C723.93 304.79 750.58 324.07 754.75 342.41Z"/>
+<path class="wolfmark-wolf" fill="currentColor" fill-rule="evenodd" d="M857 439.88L858.81 439.56L858.78 441.31L776.1 641.09L721.98 641.07L696 570L735 624.6L761.9 624.36L832.04 452.74L856.25 440.39L857 439.88Z"/>
+</svg>

public/photos/README.md

@@ -0,0 +1,10 @@
+# Portraits – hier die Fotos ablegen
+
+| Datei | Format | Verwendung |
+|---|---|---|
+| `anelia-hero.jpg` | Hochkant 4:5, min. 1600 px breit, ruhiger Hintergrund | Startseite Hero |
+| `anelia-portrait.jpg` | Hochkant 3:4, min. 1400 px breit | "Über mich"-Sektion |
+| `anelia-stage.jpg` | Querformat 3:2, Bühnen-/Vortragsfoto | Keynotes-Seite |
+
+Fehlt eine Datei, blendet die Seite den jeweiligen Bildplatz sauber aus bzw. nutzt
+eine typografische Alternative – nichts bricht.