Die Marke
Der Frosch ist Pixelgrafik auf einem Raster von 24 × 24 Feldern. Er wird nur in ganzzahligen Vielfachen dieser Größe wiedergegeben, mit harter Kantenskalierung. Nie weichgezeichnet, nie als Vektor nachgebaut, nie gedreht.
Größen
Kombinationen
masticfrog.de
masticfrog.de
Freiraum, Mindestgröße, Untergrund
Freiraum
Ringsum vier Sprite-Pixel frei, ein Sechstel der Markenbreite. Dort steht nichts: kein Text, keine Linie, keine Seitenkante.
Mindestgröße
24 px · 8 mm
Unter 24 px fallen Augen und Beine zusammen. Im Druck nicht kleiner als 8 mm Kantenlänge.
Untergrund
Die Marke steht immer auf Ink #2b2114, auch im Dark Mode. Nie direkt auf Amber, nie auf einem Foto.
Technisch
Einbindung
<img src="masticfrog-24.png"
alt="masticfrog"
width="96" height="96"
style="image-rendering: pixelated">PNG ohne Interpolation exportieren, Kantenlänge als Vielfaches von 24. SVG nur als Rechteckraster, nie als nachgezeichnete Kurven.
Das Raster
24 × 24 Felder, fünf Töne, keine Zwischenwerte und keine Transparenzstufen. Wer die Marke nachzeichnet, arbeitet auf diesem Raster.
Lebendige Variante
Zeiger bewegen
Jede Pupille rechnet ihren Winkel selbst. Steht der Zeiger nah zwischen den Augen, schielt der Frosch, und das ist gewollt. Die Pupille bewegt sich nur in ganzen Sprite-Pixeln, damit das Raster nie bricht.
Jedes Auge folgt dem Zeiger unabhängig, gerechnet ab seiner eigenen Mitte.
Die Pupille springt in ganzen Sprite-Pixeln, drei Stufen waagerecht, zwei senkrecht.
Bei prefers-reduced-motion und ohne Zeiger, also auf Touch, bleibt der Blick geradeaus.
Nur im Hero und nur einmal je Seite. In Kopfzeile, Favicon und Druck gilt die stille Marke.
