Files
2026-09-06 17:21:52 +02:00
..
2026-09-06 17:21:52 +02:00
2026-09-06 17:21:52 +02:00
2026-09-06 17:21:52 +02:00

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.