# Logo > Der Kritzelball mit Gesicht und die Wortmarke „Hey Albert“ — Fassungen zum Herunterladen, Hintergründe, Freiraum, Fehlgebrauch und der ehrliche Stand bei Vektor und App-Symbol. Quelle: https://brand.heyalbert.family/logo/ · Hey Albert Marke und Designsystem Das Logo ist ein Kritzelball mit Gesicht: ein paar Schwünge in Tinte, einer in Rosa, darin zwei große Augen und ein Lächeln. Es sieht aus, als hätte es jemand am Rand eines Notizbuchs gezeichnet. Genau das soll es. Hey Albert lebt in der Welt „Notizbuch“: warmes Papier, Tinte, ein Marker für das Wichtige. ## Fassungen Alle Fassungen sind aus der gelieferten Datei gerechnet und freigestellt. Nehmt immer die Standardfassung, es sei denn, der Grund verlangt eine andere. | Fassung | Maße | Größe | Datei | | --- | --- | --- | --- | | logo-albert-256 | 256 × 256 px | 32 KB | https://brand.heyalbert.family/marke/logos/logo-albert-256.png | | logo-albert-auf-schwarz | 912 × 912 px | 76 KB | https://brand.heyalbert.family/marke/logos/logo-albert-auf-schwarz.png | | logo-albert-hell | 1024 × 1024 px | 23 KB | https://brand.heyalbert.family/marke/logos/logo-albert-hell.png | | logo-albert-mono | 912 × 912 px | 66 KB | https://brand.heyalbert.family/marke/logos/logo-albert-mono.png | | logo-albert | 912 × 912 px | 77 KB | https://brand.heyalbert.family/marke/logos/logo-albert.png | - **Standard, Tinte und Rosa** — auf Creme, Karte und allen hellen Flächen. Die erste Wahl. - **Einfarbig** — wo nur eine Farbe geht: Stempel, Prägung, Druck in einer Farbe, Fax. - **Auf Schwarz** — auf der schwarzen Leiste und auf dunklen Flächen. Die Augen bleiben hell, die Pupillen dunkel. - **Klein, 256 px** — für Avatar, Leiste und Mail-Kopf. Nicht vergrößern. - **Original in Dunkelgrün** — die gelieferte Ausgangsdatei. Nur im Archiv, nie in Gebrauch. ## Wortmarke Die Wortmarke ist der Name „Hey Albert“ in Bricolage Grotesque, Gewicht `--gewicht-titel`, eng gelaufen mit `--laufweite-titel`. Sie wird als Text gesetzt, nicht als Bild. So bleibt sie scharf, durchsuchbar und vorlesbar. | Fassung | Maße | Größe | Datei | | --- | --- | --- | --- | | logo-albert-256 | 256 × 256 px | 32 KB | https://brand.heyalbert.family/marke/logos/logo-albert-256.png | | logo-albert-auf-schwarz | 912 × 912 px | 76 KB | https://brand.heyalbert.family/marke/logos/logo-albert-auf-schwarz.png | | logo-albert-hell | 1024 × 1024 px | 23 KB | https://brand.heyalbert.family/marke/logos/logo-albert-hell.png | | logo-albert-mono | 912 × 912 px | 66 KB | https://brand.heyalbert.family/marke/logos/logo-albert-mono.png | | logo-albert | 912 × 912 px | 77 KB | https://brand.heyalbert.family/marke/logos/logo-albert.png | - **In der Mac-Leiste** steht die Wortmarke voll ausgeschrieben. - **Eingeklappt** steht dort nur der Ball in einem cremefarbenen Kreis. - **Unter der Wortmarke** darf der Claim stehen: „Er kümmert sich. Ihr dürft Familie sein.“ Ohne Wortmarke daneben heißt es „Hey Albert. Er kümmert sich. Ihr dürft Familie sein.“, sonst hängt das „Er“ in der Luft. ## Hintergründe Das Logo steht auf ruhigem, flächigem Grund. Gut sind `--grund`, `--karte`, `--hell` und für die Fassung auf Schwarz `--schwarz`. Auf Gelb, Rosa oder Blau steht es nur in der Standardfassung, und nur wenn die Fläche groß und ruhig ist. Auf Fotos steht das Logo nicht. Hey Albert zeigt genau ein Foto, den Gründer, und das braucht kein Logo. ## Freiraum und Mindestgröße | Fassung | Maße | Größe | Datei | | --- | --- | --- | --- | | logo-albert-256 | 256 × 256 px | 32 KB | https://brand.heyalbert.family/marke/logos/logo-albert-256.png | | logo-albert-auf-schwarz | 912 × 912 px | 76 KB | https://brand.heyalbert.family/marke/logos/logo-albert-auf-schwarz.png | | logo-albert-hell | 1024 × 1024 px | 23 KB | https://brand.heyalbert.family/marke/logos/logo-albert-hell.png | | logo-albert-mono | 912 × 912 px | 66 KB | https://brand.heyalbert.family/marke/logos/logo-albert-mono.png | | logo-albert | 912 × 912 px | 77 KB | https://brand.heyalbert.family/marke/logos/logo-albert.png | > **Vorschlag, nicht entschieden** > > Für Freiraum und Mindestgröße gibt es noch keine festgelegte Regel. Vorgeschlagen ist: > > - **Freiraum** rundum ein Viertel der Logobreite. In diesem Rahmen steht kein Text, keine Kante und kein anderes Zeichen. > - **Mindestgröße** 24 px auf dem Bildschirm. Darunter verschwimmen Augen und Schwünge. Kleiner als 24 px erscheint nur das Favicon, und das ist eigens gerechnet. > - **Mit Wortmarke** ist der Ball so hoch wie die Großbuchstaben plus Unterlänge, der Abstand zur Schrift ist ein Viertel der Ballbreite. > > Bis zur Entscheidung gilt der Vorschlag als Richtwert. ## Fehlgebrauch Das Logo ist eine Zeichnung. Es wird nicht verändert, nur skaliert. | Fassung | Maße | Größe | Datei | | --- | --- | --- | --- | | logo-albert-256 | 256 × 256 px | 32 KB | https://brand.heyalbert.family/marke/logos/logo-albert-256.png | | logo-albert-auf-schwarz | 912 × 912 px | 76 KB | https://brand.heyalbert.family/marke/logos/logo-albert-auf-schwarz.png | | logo-albert-hell | 1024 × 1024 px | 23 KB | https://brand.heyalbert.family/marke/logos/logo-albert-hell.png | | logo-albert-mono | 912 × 912 px | 66 KB | https://brand.heyalbert.family/marke/logos/logo-albert-mono.png | | logo-albert | 912 × 912 px | 77 KB | https://brand.heyalbert.family/marke/logos/logo-albert.png | > **Nicht so** > > - Verzerren, stauchen, strecken. > - Drehen oder kippen. Klebezettel dürfen kippen, das Logo nicht. > - Umfärben, auch nicht in Personenfarben. > - Kontur, Schatten, Glanz oder 3D. Hey Albert hat keine Schatten, nirgends. > - Auf unruhigen Grund, Muster oder Verläufe stellen. > - Durchscheinend machen. > - Nachzeichnen oder neu kritzeln. Es gibt eine Zeichnung, und das ist sie. > - Das Logo mit dem Zauberer verwechseln. Der Zauberer ist die Figur im Produkt, der Ball ist das Zeichen der Marke. ## App-Symbol und Favicon Für die Website und die Web-App gibt es Favicon und App-Symbol bereits in Tinte und Rosa auf Creme. Sie liegen in `apps/site` und werden auf diese Seite mitkopiert. > **Offen: Vektor und natives App-Symbol** > > - **Eine Vektorfassung fehlt.** Alle Logos sind PNG, gerechnet aus der gelieferten Datei. Für Druck, große Flächen und Animation braucht es ein SVG. > - **Das App-Symbol der nativen App** wurde aus älteren Vektoren in Dunkelgrün gespeist (`docs/22-gestaltung.md` §7). Diese Vektoren liegen nicht in diesem Repository. Sie sind auf Tinte und Rosa umzufärben, sobald die Apple-App nach `apps/apple` zieht. > - **Die Variante für den dunklen Modus und das getönte App-Symbol** von iOS sind noch nicht gezeichnet. ## Herunterladen - [Logos](https://brand.heyalbert.family/downloads/hey-albert-logos.zip) Die Logos gehören der Emma Rocket Ltd OOD. Für Berichte über Hey Albert dürft ihr sie verwenden. Verändern dürft ihr sie nicht.