# Knattercards Brand Guidelines Version: 2.0.0 Veröffentlicht: 2026-09-22 Asset-Basis: 2026-09-22 Quelle: https://branddesign.knattercards.de ## Verbindlichkeit must = verbindlich. should = Empfehlung. Die aktuelle Portalversion ist für neue Arbeiten maßgeblich. Historische Veröffentlichungen bleiben zur Nachvollziehbarkeit erreichbar. ## brand-01 · Markenschreibweise Status: must Im Fließtext lautet der Markenname Knattercards. Die Wortmarke wird ausschließlich als Originaldatei verwendet und niemals mit einer Schrift nachgebaut. ## brand-02 · Ansprache Status: should Die Ansprache erfolgt mit du. Objekte, Verwendungszweck und Einschränkungen in kurzen, sachlichen Sätzen erklären. Keine Werbeversprechen oder Marketingfloskeln verwenden. ## brand-03 · Sachliche Angaben Status: must Keine erfundenen Events, Preise, Verfügbarkeiten oder Partnerschaften. Unbekannte Informationen bleiben offen und werden vor Veröffentlichung geklärt. ## logo-01 · Originaldateien Status: must Gesamtlogo, horizontales Logo und Wortmarken stammen aus der Asset-Bibliothek. Proportional skalieren; nicht stauchen, drehen, nachzeichnen oder mit Effekten verändern. Die bestehende Logo-Illustration bleibt unverändert und wird nicht in Pixel-Art umgezeichnet. ## logo-02 · Wortmarke und Unterstrich Status: must Die Wortmarke behält ihren Unterstrich. Die Standardfarbe ist Ink (#11100D). Auf dunklen Flächen ausschließlich die vorhandene weiße Wortmarke verwenden. Keine zusätzliche weiße Stickerkontur hinzufügen. ## logo-03 · Mindestgröße Status: must Logos einschließlich Wortmarke werden digital mindestens 128 CSS-Pixel breit eingesetzt. Für die Website wird das vorhandene Favicon separat verwendet. ## logo-04 · Schutzzone Status: must Rund um Logos mindestens 10 % ihrer dargestellten Breite als freien Raum einhalten. Keine Texte oder fremden Motive in diese Schutzzone setzen. Einen ruhigen, kontrastreichen Hintergrund verwenden. ## color-01 · Farbwerte Status: must Ink, Cream, Sky, Water, Leaf, Amber, Fire und Wood aus den aktuellen Design-Tokens verwenden. Keine ähnlich wirkenden Ersatzfarben als neue Markenfarben einführen. ## color-02 · Textkontrast Status: must Für normalen Text mindestens 4,5:1 Kontrast, für großen Text mindestens 3:1 einhalten. Ink auf den Markenfarben ist die Standardkombination. Weiß auf Sky, Water, Leaf, Amber, Fire oder Wood ist für normalen Text ungeeignet. ## color-03 · Farbzuordnung Status: should Ink trägt Text und Konturen. Cream bildet eine ruhige Markenfläche. Sky und Water verbinden die Bildwelt. Leaf, Amber und Fire setzen gezielte Akzente; Wood bleibt vor allem Teil der Illustration. Weiß ist als neutrale UI-Fläche zulässig. ## type-01 · Leseschrift Archivo Status: must Archivo ist die Leseschrift des Brand-Portals für Überschriften, Fließtext, Navigation und Bedienelemente. Fließtext beginnt bei 16 px mit mindestens 1,5-facher Zeilenhöhe; regelmäßig genutzte Labels bei 14 px. Die KCAPP verwendet für längere Texte ihre Systemschrift. ## type-02 · Bestehende Anwendungen: Barlow Condensed Status: must Barlow Condensed Regular oder SemiBold bleibt für kurze Termine, Labels und kompakte Auszeichnungen in bestehenden Markenanwendungen dokumentiert. Keine längeren Fließtexte in dieser Schrift setzen. ## type-03 · Schriftdateien und Lizenzen Status: must Originale Schriftdateien zusammen mit ihrer Lizenz verwenden und weitergeben: Archivo und Barlow Condensed unter OFL-1.1, Pixel Operator Bold unter CC0-1.0. Die Wortmarke ist kein Font und bleibt ein Bild-Asset. ## image-01 · Pixelstil aus KCAPP Status: must Für neue Knatti-Motive und Landschaften die verlinkten aktuellen KCAPP-Referenzen verwenden: erkennbare quadratische Pixelgruppen, klare gestufte Konturen und wenige getrennte Schattierungsstufen. Keine glatten Vektorkurven, weichen Verläufe, 3D-Effekte, Unschärfe oder nachträglichen Mosaikfilter hinzufügen. Die vorhandenen Logo-Dateien behalten ihren Originalstil. ## image-02 · Knatti-Identität Status: must Knatti bleibt ein grauer Waschbär mit dunkler Augenmaske, cremefarbenen Gesichts- und Brustflächen, blauen Augen und Ohrinnenflächen, blauer Brust-Raute und grau-dunkel gestreiftem Schwanz mit creme-blauer Spitze. Kopf, Ohren, Augen, Schnauze und Körperproportionen folgen den aktuellen Referenzen. Ausdruck und Pose dürfen für neue Motive wechseln. ## image-03 · Platzierung und Beschnitt Status: must Texte außerhalb von Figuren und in ruhigen Bildbereichen platzieren. Landschaften dürfen passend beschnitten werden. Knatti und Requisiten vollständig zeigen; bei ausgewiesenen Peek-Motiven darf nur der vorgesehene Körperbereich hinter einer Kante verdeckt werden. Gesicht und Ohren bleiben vollständig sichtbar. Das vorhandene Kopf-Motiv ist ausschließlich für kleine Navigation vorgesehen. ## asset-01 · Originale und Vorschauen Status: must Mit den bereitgestellten Originaldateien beginnen und Seitenverhältnis sowie Farbinformationen erhalten. PNG-Dateien sind Rasterbilder, keine Vektoren. Bestehende KCAPP-Originale unverändert weitergeben; keine automatische Farbquantisierung oder Nachschärfung anwenden. Pixel-Vorschauen verlustfrei erzeugen und beim Skalieren nicht weichzeichnen. ## asset-02 · Fremde Spielmarken Status: must Fremde Spielnamen und Marken nur zur sachlichen Zuordnung verwenden. Daraus keine offizielle Partnerschaft oder Eigentumsrechte an diesen Marken ableiten. ## agent-01 · Aktuelle Version laden Status: must Mit /api/v1/manifest.json beginnen. Version und Prüfsummen lesen, danach die dort verlinkten Regeln, Tokens und Assets laden. Die verwendete Version im Arbeitsergebnis nennen. Bei widersprüchlichen älteren Dateien gelten die Regeln des aktuellen Manifests. ## agent-02 · Verbindlichkeit und Schreibzugriff Status: must must-Regeln sind verpflichtend; should-Regeln sind Empfehlungen. Fehlende Assets oder Angaben nicht erfinden. Öffentlicher Zugriff erlaubt Lesen und Herunterladen; Änderungen erfordern autorisierten Zugriff auf das Quellprojekt und einen neuen Release. ## color-04 · Separate KCAPP-Oberflächenfarben Status: must Die Farben unter appColors stammen aus der aktuellen KCAPP-Oberfläche. Sie ergänzen die Markenfarben in einem eigenen Namensraum und ersetzen keine kanonischen Marken-Tokens. Farbwerte aus Illustrationen sind keine zusätzlichen UI-Tokens. Textkontraste für die konkrete Kombination prüfen. ## type-04 · KCAPP: Pixel Operator Bold Status: must Pixel Operator Bold ist die aktuelle KCAPP-Schrift für kurze Überschriften, Passdaten und Bedienelemente. Für lange Erklärungen eine gut lesbare Textschrift verwenden. Keine Pixelify-Sans-Dateien aus früheren App-Ständen ergänzen. ## knatti-01 · Anatomie Status: must Neue vollständige Knatti-Motive haben zwei Ohren, zwei Augen, zwei Arme mit je einer Pfote, zwei Beine und einen Schwanz. Beide Arme schließen sichtbar und nachvollziehbar an die Schultern an. Keine zusätzlichen oder schwebenden Pfoten. Natürliche Verdeckung durch Requisiten ist zulässig. ## knatti-02 · Pixelgruppen und Proportionen Status: must Die Pixelgröße innerhalb eines Motivs bleibt optisch einheitlich. Konturen und Farbgrenzen bilden zusammenhängende Stufen; keine einzelnen Fellhaare, Texturpartikel oder glänzenden Lichtreflexe ergänzen. Referenzen bestimmen Kopf-zu-Körper-Verhältnis und Detailgrad. Die Originale sind generierte Pixelillustrationen und keine mathematisch begrenzten Farbpaletten oder festen Sprite-Raster. ## knatti-03 · Transparenz und Freiraum Status: must Neue freigestellte Motive als PNG mit echter Alpha-Transparenz ausgeben, auch zwischen Pfoten, Körper und Requisiten. Etwa 8 % freier Rand um die vollständige Silhouette; keine angeschnittenen Ohren, Füße oder Gegenstände. Kein eingezeichnetes Schachbrett, Hintergrundrechteck, Bodenschatten, Lichtsaum oder Sticker-Rand. ## knatti-04 · Zulässige Varianten Status: must Bei neuen Motiven dürfen Pose, Blick und verständliche Requisiten wechseln; Identität, Farben und Proportionen bleiben erhalten. Keine Schrift, Zahlen, fremden Marken oder UI in die Figur generieren. Bestehende Motive nicht umfärben oder verformen. Das seitliche Peek-Motiv darf wie in der KCAPP horizontal gespiegelt werden. ## knatti-05 · Prüfung neuer Motive Status: must Vor Aufnahme neue Motive neben den verlinkten KCAPP-Referenzen prüfen: Gesicht, Anatomie, Pixelgruppen, echte Transparenz und vollständige Silhouette. Zusätzlich auf hellen und dunklen Flächen sowie bei 96 und 192 CSS-Pixeln ansehen. Abweichende Ergebnisse überarbeiten. Vorhandene App-Kompositionen mit Sondermerkmalen sind als solche gekennzeichnet und keine Vorlage für neue Effekte. ## asset-03 · Herkunft und Aktualität Status: must KCAPP-Assets nur übernehmen, wenn sie im aktuellen nativen Import-Inventar enthalten sind. Quelldatei und Kopie per SHA-256 vergleichen und die Herkunft im Katalog festhalten. Neue Brand-Ergänzungen separat kennzeichnen; daraus keine Änderung oder Nutzung in der App ableiten. ## Markenfarben - ink: #11100D - cream: #F4E9CF - sky: #43B6E7 - water: #079BD3 - leaf: #78B827 - amber: #F5A313 - fire: #E84E19 - wood: #B96814 ## KCAPP-Oberflächenfarben - app.ink: #17364D - app.muted: #3D5C6A - app.cream: #F5EBD1 - app.blue: #0B6C99 - app.paleBlue: #DDF3FC - app.gold: #F4C34F - app.green: #DCEBB7 - app.border: #BED4D0 - app.white: #FFFFFF ## Knatti-Referenzen - [Knatti · Begrüßen](https://branddesign.knattercards.de/releases/2.0.0/assets/KCAPP/v2/pixel-rpg/K01.png) · SHA-256 `2478c3625bac38159d360afaa2e315af93a11384e85177459b3d2495cef529ae` - [Knatti · Sammeltasche öffnen](https://branddesign.knattercards.de/releases/2.0.0/assets/KCAPP/v2/pixel-rpg/K05-inventory.png) · SHA-256 `c832f67f33997052671053e57f601c3aacbe387df02260693cc4a13d62f3d729` - [Knatti · Über eine Kante schauen](https://branddesign.knattercards.de/releases/2.0.0/assets/KCAPP/v2/pixel-rpg/home46/peek.png) · SHA-256 `019dd7af6cab96658188b974ca7b781d1284ea963e431759fb60eef52d9471ad` Figurenregeln und Generierungsvorlage: https://branddesign.knattercards.de/releases/2.0.0/knatti.json ## Pflege Regeln und Assets werden im autorisierten Quellprojekt gepflegt. Jede inhaltliche Änderung erhält eine neue Version mit geprüftem vollständigem Release. Bestehende Versionsdateien werden nicht überschrieben.