Repository navigation
Zweite Logo-Variante mit grüner Füllung - #69
Merged
Merged
Conversation
Die Ortsnamen-Korrektur allein reichte nicht: Auch "DIE GRUENEN" und die Innenflaechen des G zeigen ueber einem Foto das Foto. Gemessen sind die Vorlagen rein weiss auf durchsichtig — 54 % Loecher, 45 % Weiss, kein einziges gruenes Pixel. Ueber der gruenen Flaeche wirkt das richtig, weil die Loecher das Gruen zeigen. Die neue Variante fuellt genau die EINGESCHLOSSENEN Loecher mit #257639. Die aeussere Transparenz bleibt, sonst saesse das Logo in einem gruenen Kasten. Aussen und innen werden ueber eine Flutfuellung vom Bildrand unterschieden; weiche Kanten im Inneren werden gegen Gruen gemischt statt gegen den Hintergrund. Das Erzeugungsskript liegt als scripts/make-green-logo.py im Repo, damit die Variante nachvollziehbar und neu erzeugbar ist statt als undurchsichtige Binaerdatei dazustehen. addLogo() waehlt die Datei ueber denselben Schalter, der schon den Ortsnamen steuert — die beiden koennen also nicht auseinanderlaufen, und weil das Hintergrundbild den Schalter automatisch umlegt, passiert alles ohne Zutun. Der Test belegt: ueber 10.000 vorher durchsichtige Pixel sind jetzt gruen, die aeussere Transparenz ist groesser als die gefuellte Flaeche und am Bildrand noch vorhanden, und kein einziges deckend weisses Pixel wurde veraendert — die Wortmarke selbst ist unberuehrt. Vorbehalt, dokumentiert: Der CD-Quickguide zeigt in seinen eigenen Beispielen das ausgesparte Logo auf einem Foto. Dort funktioniert es, weil dunkles gleichmaessiges Laub dahinterliegt. Die gefuellte Variante ist keine Korrektur des CD, sondern eine Ergaenzung fuer helle und unruhige Fotos. 132 Jest, 140 e2e gruen. Claude-Session: https://claude.ai/code/session_01Qtib9MPRZATQU3j9w7ymDk
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Die Ortsnamen-Korrektur aus #64 reichte nicht: Auch „DIE GRÜNEN" und die Innenflächen des G zeigen über einem Foto das Foto.
Befund
Die Logovorlagen sind rein weiß auf durchsichtig — gemessen 54 % Löcher, 45 % Weiß, kein einziges grünes Pixel. Über der grünen Fläche wirkt das richtig, weil die Löcher das Grün zeigen. Über einem Foto zeigen sie das Foto, und die Wortmarke wäscht aus.
Lösung
Eine zweite Artwork-Variante, die genau die eingeschlossenen Löcher mit
#257639füllt. Die äußere Transparenz bleibt unangetastet — sonst säße das Logo in einem grünen Kasten.Außen und innen werden über eine Flutfüllung vom Bildrand unterschieden: Was vom Rand aus erreichbar ist, ist außen. Weiche Kanten im Inneren werden gegen Grün gemischt statt gegen den Hintergrund, sonst bekämen sie einen Schimmer vom Foto.
Das Erzeugungsskript liegt als
scripts/make-green-logo.pyim Repo — die Variante soll nachvollziehbar und neu erzeugbar sein, nicht als undurchsichtige Binärdatei dastehen.Wie sie greift
addLogo()wählt die Datei über denselben Schalter, der schon den Ortsnamen steuert (LogoState.isKnockoutEnabled()). Die beiden können also nicht auseinanderlaufen. Und weil ein Hintergrundbild den Schalter automatisch umlegt, passiert alles ohne Zutun.Was der Test belegt
Ein Vorbehalt, den ich nicht verschweigen will
Der CD-Quickguide zeigt in seinen eigenen Layout-Beispielen das ausgesparte Logo auf einem Foto. Dort funktioniert es, weil dunkles, gleichmäßiges Laub dahinterliegt.
Die gefüllte Variante ist also keine Korrektur des CD, sondern eine Ergänzung für die Fälle, die es nicht abbildet — helle oder unruhige Fotos.
132 Jest grün, 140 e2e grün.
https://claude.ai/code/session_01Qtib9MPRZATQU3j9w7ymDk