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-02Verbindlich
Wortmarke und Unterstrich
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-03Verbindlich
Mindestgröße
Logos einschließlich Wortmarke werden digital mindestens 128 CSS-Pixel breit eingesetzt. Für die Website wird das vorhandene Favicon separat verwendet.
LOGO-04Verbindlich
Schutzzone
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.
Farben
Die Markenfarben bleiben unverändert. Ein Farbfeld kopiert den HEX-Wert.
Zusätzliche Farben aus der App. Sie ergänzen die Markenpalette für Oberflächen und Spielansichten.
COLOR-01Verbindlich
Farbwerte
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-02Verbindlich
Textkontrast
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-03Empfehlung
Farbzuordnung
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.
COLOR-04Verbindlich
Separate KCAPP-Oberflächenfarben
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.
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-02Verbindlich
Bestehende Anwendungen: Barlow Condensed
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-03Verbindlich
Schriftdateien und Lizenzen
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.
TYPE-04Verbindlich
KCAPP: Pixel Operator Bold
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.
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-02Verbindlich
Pixelgruppen und Proportionen
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-03Verbindlich
Transparenz und Freiraum
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-04Verbindlich
Zulässige Varianten
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-05Verbindlich
Prüfung neuer Motive
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.
Motive
KCAPP = eingebundenes App-Original. Ergänzung = neues Motiv für weitere Anwendungen.
KCAPPPixel
Knatti · Begrüßen
Knatti steht und hebt eine Pfote zum Gruß.
EinsatzAnmeldung und Begrüßung.
BeachtenFarben und Seitenverhältnis erhalten. Keine Beschriftung in das Bild setzen. Figur und Requisiten nicht anschneiden; vorhandene Transparenz erhalten.
Kopf und Oberkörper für die aktuelle Startansicht der App.
EinsatzHinter einer Karte platzieren; der untere Körper wird durch die Karte verdeckt.
BeachtenFarben und Seitenverhältnis erhalten. Keine Beschriftung in das Bild setzen. Nur der vorgesehene Körperbereich darf hinter der Kante verdeckt werden; Gesicht und Ohren vollständig zeigen.
BeachtenFarben und Seitenverhältnis erhalten. Keine Beschriftung in das Bild setzen. Figur und Requisiten nicht anschneiden; vorhandene Transparenz erhalten.
BeachtenFarben und Seitenverhältnis erhalten. Keine Beschriftung in das Bild setzen. Figur und Requisiten nicht anschneiden; vorhandene Transparenz erhalten.
Knatti sitzt neben einer offenen blauen Tasche mit Karten.
EinsatzInventar und gesammelte Karten.
BeachtenFarben und Seitenverhältnis erhalten. Keine Beschriftung in das Bild setzen. Figur und Requisiten nicht anschneiden; vorhandene Transparenz erhalten.
BeachtenFarben und Seitenverhältnis erhalten. Keine Beschriftung in das Bild setzen. Figur und Requisiten nicht anschneiden; vorhandene Transparenz erhalten.
Knatti hält einen geöffneten Umschlag neben einem blauen Briefkasten.
EinsatzE-Mail und Eingabe eines zugesandten Codes.
BeachtenFarben und Seitenverhältnis erhalten. Keine Beschriftung in das Bild setzen. Figur und Requisiten nicht anschneiden; vorhandene Transparenz erhalten.
Knatti hält einen Stift und ein unbeschriftetes Blatt.
EinsatzEingabe von Angaben und Registrierung.
BeachtenFarben und Seitenverhältnis erhalten. Keine Beschriftung in das Bild setzen. Figur und Requisiten nicht anschneiden; vorhandene Transparenz erhalten.
BeachtenFarben und Seitenverhältnis erhalten. Keine Beschriftung in das Bild setzen. Figur und Requisiten nicht anschneiden; vorhandene Transparenz erhalten.
Knatti präsentiert eine fertige unbeschriftete Karte.
EinsatzAbschluss der Registrierung.
BeachtenFarben und Seitenverhältnis erhalten. Keine Beschriftung in das Bild setzen. Figur und Requisiten nicht anschneiden; vorhandene Transparenz erhalten.
BeachtenFarben und Seitenverhältnis erhalten. Keine Beschriftung in das Bild setzen. Figur und Requisiten nicht anschneiden; vorhandene Transparenz erhalten.
BeachtenFarben und Seitenverhältnis erhalten. Keine Beschriftung in das Bild setzen. Figur und Requisiten nicht anschneiden; vorhandene Transparenz erhalten.
BeachtenFarben und Seitenverhältnis erhalten. Keine Beschriftung in das Bild setzen. Figur und Requisiten nicht anschneiden; vorhandene Transparenz erhalten.
Knatti betrachtet einen langen unbeschrifteten Papierbeleg.
EinsatzVerlauf und vergangene Vorgänge.
BeachtenFarben und Seitenverhältnis erhalten. Keine Beschriftung in das Bild setzen. Figur und Requisiten nicht anschneiden; vorhandene Transparenz erhalten.
BeachtenFarben und Seitenverhältnis erhalten. Keine Beschriftung in das Bild setzen. Figur und Requisiten nicht anschneiden; vorhandene Transparenz erhalten.
EinsatzVerbindungsprobleme und erneuter Verbindungsversuch.
BeachtenFarben und Seitenverhältnis erhalten. Keine Beschriftung in das Bild setzen. Figur und Requisiten nicht anschneiden; vorhandene Transparenz erhalten.
EinsatzWartung und vorübergehend nicht verfügbare Bereiche.
BeachtenFarben und Seitenverhältnis erhalten. Keine Beschriftung in das Bild setzen. Figur und Requisiten nicht anschneiden; vorhandene Transparenz erhalten.
BeachtenFarben und Seitenverhältnis erhalten. Keine Beschriftung in das Bild setzen. Figur und Requisiten nicht anschneiden; vorhandene Transparenz erhalten.
Knatti zeigt auf ein Smartphone mit heller unbeschrifteter Anzeige.
EinsatzApp-Aktualisierung und Hinweise zur Bedienung.
BeachtenFarben und Seitenverhältnis erhalten. Keine Beschriftung in das Bild setzen. Figur und Requisiten nicht anschneiden; vorhandene Transparenz erhalten.
Knatti schaut hinter einer gedachten senkrechten Kante hervor.
EinsatzAm Seitenrand platzieren; für die Gegenseite horizontal spiegelbar.
BeachtenFarben und Seitenverhältnis erhalten. Keine Beschriftung in das Bild setzen. Nur der vorgesehene Körperbereich darf hinter der Kante verdeckt werden; Gesicht und Ohren vollständig zeigen.
Knatti hält eine Karte und öffnet die andere Pfote zum Betrachter.
EinsatzEinführung für bestehende Kunden.
BeachtenFarben und Seitenverhältnis erhalten. Keine Beschriftung in das Bild setzen. Figur und Requisiten nicht anschneiden; vorhandene Transparenz erhalten.
BeachtenFarben und Seitenverhältnis erhalten. Keine Beschriftung in das Bild setzen. Figur und Requisiten nicht anschneiden; vorhandene Transparenz erhalten.
EinsatzAuf ein darunter liegendes Bedienelement hinweisen.
BeachtenFarben und Seitenverhältnis erhalten. Keine Beschriftung in das Bild setzen. Figur und Requisiten nicht anschneiden; vorhandene Transparenz erhalten.
Knatti hält eine unbeschriftete Kundenkarte zum Betrachter.
EinsatzEinführung für neue Kunden.
BeachtenFarben und Seitenverhältnis erhalten. Keine Beschriftung in das Bild setzen. Figur und Requisiten nicht anschneiden; vorhandene Transparenz erhalten.
Knatti legt eine Münze zu den Münzen in der anderen Pfote.
EinsatzErklärung von Sammelvorgängen und Guthaben.
BeachtenFarben und Seitenverhältnis erhalten. Keine Beschriftung in das Bild setzen. Figur und Requisiten nicht anschneiden; vorhandene Transparenz erhalten.
BeachtenFarben und Seitenverhältnis erhalten. Keine Beschriftung in das Bild setzen. Figur und Requisiten nicht anschneiden; vorhandene Transparenz erhalten.
BeachtenDas App-Original enthält einen weichen Lichtsaum. Auf vorgesehener heller Fläche prüfen; nicht als Referenz für neue Konturen oder Leuchteffekte verwenden.
Knatti hält eine kleine Lupe vor ein Auge. Der Griff liegt in einer Pfote.
EinsatzSuche, Recherche und das Prüfen einzelner Inhalte.
BeachtenLupe und Pfotenhaltung zusammen erhalten. Keine Statusaussage ausschließlich durch dieses Bild vermitteln. Zusätzlichen äußeren Abstand einplanen.
Knatti hält ein kleines geschlossenes Paket mit beiden Pfoten vor dem Bauch.
EinsatzÜbergabe, Versand und Bestellinformationen.
BeachtenPaket unbeschriftet lassen. Keine Versandzusage allein aus der Darstellung ableiten; begleitenden Text verwenden. Zusätzlichen äußeren Abstand einplanen.
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-02Verbindlich
Knatti-Identität
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-03Verbindlich
Platzierung und Beschnitt
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.
Regeln
Verbindliche Vorgaben gelten für alle Anwendungen und für die Arbeit mit Agents.
Im Fließtext lautet der Markenname Knattercards. Die Wortmarke wird ausschließlich als Originaldatei verwendet und niemals mit einer Schrift nachgebaut.
BRAND-02Empfehlung
Ansprache
Die Ansprache erfolgt mit du. Objekte, Verwendungszweck und Einschränkungen in kurzen, sachlichen Sätzen erklären. Keine Werbeversprechen oder Marketingfloskeln verwenden.
BRAND-03Verbindlich
Sachliche Angaben
Keine erfundenen Events, Preise, Verfügbarkeiten oder Partnerschaften. Unbekannte Informationen bleiben offen und werden vor Veröffentlichung geklärt.
ASSET-01Verbindlich
Originale und Vorschauen
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-02Verbindlich
Fremde Spielmarken
Fremde Spielnamen und Marken nur zur sachlichen Zuordnung verwenden. Daraus keine offizielle Partnerschaft oder Eigentumsrechte an diesen Marken ableiten.
ASSET-03Verbindlich
Herkunft und Aktualität
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.
Agent-Zugriff
Website, Regeln und Downloads stammen aus demselben versionierten Datenbestand. Alle Endpunkte sind öffentlich lesbar.
Lies https://branddesign.knattercards.de/api/v1/manifest.json und die dort verlinkten Regeln, Tokens, Assets und Knatti-Vorgaben. Beachte alle must-Regeln. Verwende die Originaldateien der angegebenen Version. Nutze für neue Knatti-Motive die verknüpften KCAPP-Referenzen. Nenne die verwendete Brand-Version im Ergebnis.
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-02Verbindlich
Verbindlichkeit und Schreibzugriff
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.
Version & Pflege
Änderungen erfolgen über berechtigte Agents und das Quellprojekt. Jede Veröffentlichung erhält eine eigene Version.
Aktuelle KCAPP-Originale mit geprüfter Herkunft und SHA-256 in den Katalog übernommen.
Knatti-Identität, Pixelstil, Platzierung und Regeln für neue Motive festgelegt.
Sechs zusätzliche Knatti-Motive als separate Brand-Ergänzungen aufgenommen.
Aktuellen Katalog auf Logos, Knatti, Pixelobjekte, Landschaften und Schriften reduziert.
Pixel Operator Bold mit CC0-Lizenz und separate KCAPP-Oberflächenfarben ergänzt.
Agent-Zugriff um knatti.json, Herkunft und Verwendungsregeln erweitert.
App-Originale werden unverändert übernommen. Neue Motive sind als Ergänzungen gekennzeichnet. Frühere veröffentlichte Versionen bleiben über ihre festen Release-Adressen erreichbar. Maßgeblich sind die Regeln der aktuellen Version.
