Geschichte — Freelance & Agentur
Markenmaterial retten, wenn die Quelldateien weg sind
„Der Kunde hat mich für einen Relaunch engagiert. Als ich nach Logo und Icon-Satz fragte, kamen ein hoffnungsvolles Schulterzucken und ein Zugang. Die Agentur, die es vor drei Jahren gebaut hatte, gab es nicht mehr, und die Quelldateien auch nicht. Aber die Vektoren waren immer noch da — auf ihrer eigenen Startseite.“
Der Ausgangspunkt
Ein Relaunch, der als Schnitzeljagd begann
Was nicht funktionierte
„Mein erster Impuls war, das Logo zu fotografieren und nachzuzeichnen. Das ist eine Stunde pro Zeichen, und es stimmt nie ganz — die Kurvenspannung ist daneben, die Ecken sind ungefähr. Für ein Logo ist ‚ungefähr‘ nicht akzeptabel. Man sieht den Unterschied auf dem Briefpapier der Marke.“
Das Bild speichern unter… des Rechtsklicks brachte Devin nirgendwohin: Das Logo war Inline-<svg>, die Abschnitts-Icons waren CSS-background-images, und ein paar kamen aus einem Sprite. „Der Browser tat, als wären das gar keine Bilder. Was technisch stimmt — es ist Markup. Das ist die ganze Falle.“
Der Wechsel
Devin öffnete die Live-Startseite des Kunden, klickte SVG Downloader an, und das Popup listete alles auf der Seite. Beim Durchblättern der isolierten Vorschauen war das Logo der dritte Eintrag — sauber, für sich, fern des überladenen Kopfbereichs. Ein Dateiname, ein Klick, und logo.svg gespeichert.
„Es kam mit bereits repariertem xmlns herunter und öffnete deshalb direkt in Figma. Vollständige Kurven, echte Ankerpunkte, editierbar. Ich habe zwei umgefärbt, die schwarz herauskamen — sie nutzten currentColor, das ist normal — und war binnen zehn Minuten dabei, gegen die echte Marke zu gestalten.“ Die Abschnitts-Icons kamen im selben Durchgang; die aus CSS-Hintergründen, die kein Speichern-Menü angefasst hätte, standen einfach in der Liste.
„Ich hatte die Wiederbeschaffung aus Gewohnheit als halben Tag angesetzt. Es hat einen Kaffee gedauert. Ich polstere diese Schätzung nicht mehr — und ich zeichne überhaupt keine Logos mehr nach.“
— Devin Alvarez, freiberuflicher WebdesignerDas Ergebnis
- ~15 Iconsplus Logo und Wortmarke, zurückgeholt als echter, editierbarer Vektor
- 10 Min.von „Wo sind die Quelldateien?“ zum Gestalten mit der echten Marke
- Kein Nachzeichnenoriginale Kurven und Ankerpunkte, keine Handannäherung
- Was die Arbeit gemacht hat
- Die universelle Methode — Inline-, CSS-Hintergrund- und Sprite-Quellen in einem Popup — abgeschlossen mit einzelnen Aktuelles laden-Speicherungen unter benannten Dateien.
- Die Sache mit dem schwarzen Icon
- Icons, die
currentColornutzen, werden ohne eingebrannte Farbe gespeichert und schwarz gezeichnet. Das ist das echte Markup; färb es in deinem Editor um. Details hier. - Eine Anmerkung zu Rechten
- Die eigenen Assets eines Kunden für dessen eigenen Relaunch zurückzuholen ist eine klar faire Nutzung des Werkzeugs. Es liest, was ein Browser ohnehin geladen hat — respektiere das Eigentum der Marke, wenn die Site nicht deine ist.
Zusammengesetzte Geschichte — ein illustrativer, aber typischer Ablauf. Person und Kunde sind fiktiv; das hier beschriebene Verhalten der Erweiterung ist echt. Mehr Geschichten →
Hol den echten Vektor, keine Nachzeichnung
Inline-Logos, Icons aus CSS-Hintergründen, Sprite-Zeichen — von jeder Seite, die du öffnen kannst, mit einem Klick.