Funktionen
Alles, was eine CI ausmacht, an einem Ort.
Hier steht, was nexbrand kann, von der ersten Farbe eines neuen Kunden bis zur Sicherung des ganzen Servers. Zu den meisten Punkten gibt es ein Bild aus der App, und wo es sich lohnt, einen Tipp von Pavo.
Alle Kunden auf einen Blick
Die Übersicht zeigt jeden Kunden, den du sehen darfst, mit seinem Logo, seinen Farben als Streifen, der geltenden Fassung und der Zahl seiner Projekte. Wer zuletzt geöffnet wurde und wen du mit einem Stern markiert hast, steht in der Seitenleiste.
Finden statt suchen
Die Schnellsuche öffnet sich mit Strg K, auf dem Mac mit Cmd K. Sie findet Kunden nach Namen, nach Branche und nach den Schriften, die sie benutzen. Wer wissen will, für welche Kunden die Agentur schon mit einer bestimmten Schrift gearbeitet hat, tippt einfach ihren Namen.
- Kundendaten: Name, Branche, Kontakt, eine Farbe, eine Notiz und bis zu zehn Adressen, etwa die Webseite und das GitHub-Repository des Kunden.
- Papierkorb: Ein Kunde geht samt Fassungen und Projekten für 30 Tage in den Papierkorb. Endgültig löschen darf nur, wer ihn verwaltet, und nur mit dem eigenen Passwort.
- Ohne CI: Ein neuer Kunde ohne CI bietet drei Wege: mit dem Assistenten, durch Sammeln oder leer beginnen.
Farben mit Rolle und Druckwerten
Jede Farbe hat einen Namen und eine Rolle: Hauptfarbe, Zweitfarbe, Akzent oder Neutral. Die Rolle entscheidet, wie nexbrand sie prüft und exportiert.
Was eine Farbkarte zeigt
Auf jeder Karte steht Schrift in Weiß oder Dunkel, je nachdem, was besser lesbar ist, mit dem Kontrastverhältnis dazu. Darunter die Werte zum Kopieren per Klick: HEX, RGB, HSL, CMYK, Pantone und der Name als CSS-Variable. CMYK rechnet nexbrand selbst aus, oder du trägst den Wert ein, den die Druckerei vorgegeben hat.
- Abstufungen: Im Entwurf zeigt jede Farbe ihre Stufen von 50 bis 950, mit einem Hinweis, wofür jede taugt: Text auf Weiß, Grund für Text oder nur als Fläche. Ein Klick macht eine Stufe zur eigenen Farbe.
- Passt dazu: Aus der Hauptfarbe rechnet nexbrand Gegenfarbe, Nachbarn, Dreiklang und geteilte Gegenfarbe.
- Neutraltöne mit einem Hauch der Hauptfarbe: ein gebrochenes Weiß, ein Grau und ein Dunkel, die zur Hauptfarbe passen.
Pavo sagtBis zu 48 Farben passen in eine Fassung. Die meisten guten CIs kommen mit acht aus.
Schriften mit Lizenz, Größen mit System
Eine Schrift in nexbrand weiß, ob sie weitergegeben werden darf. Und die Größen der Überschriften entstehen aus einer Grundgröße und einem Verhältnis, nicht aus dem Bauch.
Drei Lizenzen
- Frei, darf weitergegeben werden: etwa eine Schrift unter der SIL Open Font License. Neun davon bringt nexbrand schon mit, von Fraunces bis Inter, ohne dass du etwas hochladen musst.
- Nur intern: Eine Hausschrift verlässt nexbrand nie als Datei, nicht über öffentliche Seiten, die Abstimmung, ein Token oder MCP. Draußen steht nur ihr Name. Hochgeladene Schriften beginnen so.
- Systemschrift: eine Schrift, die das Gerät mitbringt; dafür braucht es eine Ausweichschrift.
Schriftgrößen
Grundgröße zwischen 14 und 21 px, dazu ein Verhältnis von 1,125 bis 1,5, und „Größen berechnen“ legt Überschriften, Vorspann, Fließtext und Kleingedrucktes an. Jede Stufe lässt sich danach einzeln anpassen, mit Gewicht, Zeilenhöhe und Schrift.
Logos, Regeln und Beispiele
Logos auf ihrem Grund
Ein Logo zeigt nexbrand auf dem Grund, für den es gemacht ist, mit Mindestbreite und Schutzzone, die sich einblenden lässt. SVG, PNG, JPG, WebP und weitere Bildformate gehen hoch, HEIC wird umgewandelt, und EPS oder PDF hängen als zusätzliche Dateien zum Herunterladen daran. Jedes SVG wird vorher auf eingebettete Skripte geprüft.
Bis es ein gezeichnetes Logo gibt, setzt nexbrand Wortmarken als Platzhalter aus Namen, Überschriftenschrift und Hauptfarbe, damit Entwickler schon bauen können.
So und nicht so
Regeln stehen in zwei Spalten. Drei Arten zeigen auf Farben, Logos und Schriften der Fassung und werden geprüft: ein erlaubtes oder verbotenes Farbpaar, ein Logo nur auf bestimmten Gründen, eine Schrift ab einer Mindestgröße. Eine freie Regel, etwa zum Bildstil oder zum Ton, bleibt Text und ist ausdrücklich als ungeprüft markiert.
Beispiele und UI-Elemente
Bis zu 60 Beispieldateien je Fassung, vom Briefbogen bis zur Anzeige. Der Reiter UI-Elemente zeigt Knöpfe, Felder, eine Karte und Plaketten in den Farben und Schriften der Fassung, hell und dunkel.
Der Dunkelmodus gehört zur CI
Viele Websites und Apps haben einen dunklen Modus, und meistens denkt sich ihn der Entwickler aus. In nexbrand legt die Agentur fest, welche Farbe der Palette im Dunkeln was ist: Grund der Seite, Flächen und Karten, Text, leiser Text, Hauptfarbe für Links und Knöpfe und Text auf der Hauptfarbe.
„Dunkelmodus vorschlagen“ macht einen ersten Vorschlag aus der Palette und ergänzt fehlende dunkle Töne. Jede Zuordnung wird auf 4,5:1 geprüft, steht im Export und lässt sich an Beispielseite, UI-Elementen und in der Abstimmung umschalten.
Fassungen und Projekte
Jede Änderung ist zuerst ein Entwurf. Beim Veröffentlichen bekommt sie den Tag, ab dem sie gilt, und ändert sich danach nie wieder. So bleibt nachvollziehbar, was wann galt.
- Zeitleiste: Alle Fassungen eines Kunden nebeneinander, die geltende markiert, Entwürfe gestrichelt. Eine Fassung kann auch erst ab einem späteren Tag gelten.
- Stand am: Ein Datum zeigt die Fassung, die an diesem Tag galt. „vor 3 Jahren“ ist ein Klick.
- Vergleichen: Zwei Fassungen nebeneinander, Farben mit ihrem Abstand ΔE, und welche Hinweise der Prüfung dazugekommen oder behoben sind.
- Projekte mit eigener CI: Eine Website oder ein Messestand baut auf einer Fassung des Kunden auf und legt je Teil fest, ob er erbt, ergänzt oder eigen ist. Das Projekt bleibt auf seiner Fassung, bis jemand es bewusst auf eine neuere umstellt.
Gerechnet, nie von Hand geschrieben
Die Prüfungen laufen beim Bearbeiten mit und stehen im Reiter Prüfung jeder Fassung. Jeder Hinweis ist ausgerechnet, nicht ausgedacht.
Kontrast jeder Kombination
Jede Farbe als Text auf jeder Farbe als Grund, mit der Note nach WCAG 2.2: AAA, AA, nur große Schrift oder nicht lesbar.
Wie andere die Palette sehen
Die Palette für Grünblinde, Rotblinde, Blaublinde und in Graustufen, gerechnet nach Machado 2009. Paare, die dann verschwimmen, werden gemeldet.
Fast gleiche Farben
Zwei Farben mit einem Abstand unter 4 nach CIEDE2000 sind für die meisten nicht zu unterscheiden. nexbrand fragt nach, ob beide nötig sind.
Wortmarken und Schrift
Eine gezeichnete Wortmarke braucht 3:1 zu ihrem Grund, Fließtext mindestens 16 px. Hausschriften und Systemschriften bekommen einen Hinweis.
Regeln
Ein erlaubtes Paar, das zu blass ist, zwei Regeln, die sich widersprechen, ein Logo, das ein verbotenes Paar zeigt: nexbrand prüft die Regeln gegen die Fassung selbst.
Kontrastrechner
Zwei Farben eintippen, Verhältnis und Noten sehen, und den Vorschlag der nächsten Farbe im gleichen Farbton, die reicht.
Eine neue CI in der Werkbank
nexbrand ist eine Werkbank, kein Grafikprogramm. Für einen Kunden ohne CI führt der Assistent in sechs Schritten zum ersten Entwurf: Kunde, Start, Farben, Schriften, Größen und Logo, Abschluss. Daneben laufen Beispielseite und Prüfung die ganze Zeit mit.
- Aus der Beschreibung: Ein paar Worte wie „Gartencenter, frisch, natürlich“ ergeben drei Richtungen mit Farbe und Schriftpaar. Mit eigenem KI-Dienst schlägt die KI Farbton und Schriftpaar vor, die Farben rechnet nexbrand selbst.
- Aus einem Bild: Die Farben werden im Browser gezählt; das Bild verlässt ihn nicht.
- Mit einer Farbe: Die Farbe bleibt, wie du sie eingibst. Reicht sie nicht für Text, schlägt nexbrand die nächste Farbe vor, die reicht.
- Leer, CI eintragen: für eine CI, die es schon gibt.
Mit dem Kunden abstimmen und weitergeben
Abstimmung ohne Konto
„Dem Kunden vorlegen“ macht aus einem Entwurf einen Link. Der Kunde sieht bis zu vier Richtungen als Beispielseite mit Farben, Begründung und den Entwürfen der Agentur zum Blättern, kommentiert und wählt mit „Diese Richtung nehmen“. Seine Wahl wird sofort veröffentlicht. Neues vom Kunden zeigt nexbrand an der Abstimmung, am Kunden und in der Seitenleiste.
Öffentliche Seiten
Für die Druckerei oder eine Entwicklerin von außen gibt es eine Seite mit dem ganzen Satz, nur zum Lesen: immer die aktuelle Fassung oder fest auf einer, mit Ablauf und auf Wunsch mit Passwort. Prüfhinweise und Hausschriften bleiben draußen, der Code zum Kopieren ist dabei.
Als Code, für Programme und für KI-Werkzeuge
- Als Code: Jede Fassung und jedes Projekt als CSS-Variablen, Tailwind 4, SCSS oder Design Tokens (JSON), mit Abstufungen, Schriften, Schriftgrößen und Dunkelmodus. Kopieren oder herunterladen.
- API: Ein Token liest Kunden, Fassungen und Code unter
/api/v1, prüft Farbwerte oder ein ganzes Stylesheet gegen die CI und rechnet Kontraste. - MCP: Ein KI-Werkzeug im Editor holt sich die CI über acht Werkzeuge, statt Farben zu erfinden. Ein Token der Stufe „Lesen und Entwürfe anlegen“ schreibt ein Redesign als Entwurf zurück; veröffentlichen bleibt Sache eines Menschen.
- Sammeln: Eine Webseite, ein GitHub-Repo oder ein PDF-Styleguide liefert Farben, Schriften und Logos als Entwurf, oder nexbrand prüft eine Seite gegen die CI und findet die fast richtigen Farben.
Im Team, mit Rechten je Kunde
Zugriff gibt es je Kunde, für Personen und Teams, in drei Stufen: Lesen heißt ansehen und exportieren, Schreiben heißt ändern, veröffentlichen, hochladen, Abstimmungen und öffentliche Seiten anlegen, Verwalten heißt dazu einladen, Rechte vergeben und auch die Links anderer beenden. Wer einen Kunden anlegt, verwaltet ihn.
Einen Kunden, den jemand nicht sehen darf, gibt es für ihn nicht, nicht einmal seinen Namen. Konten kommen nur per Einladung, mit Link oder nach Namen, und der Betreiber legt fest, ob Mitglieder selbst Kunden anlegen dürfen.
Was man von einer nex-App erwartet
Zweiter Faktor
Mit einer App für Einmalcodes und acht Wiederherstellungscodes. Der Betreiber kann ihn für alle verlangen.
Anmeldedienst
OpenID Connect mit jedem Anbieter, authentik in einem Schritt eingerichtet.
Sicherung
Jede Nacht ein Archiv mit Datenbank und allen Dateien, prüfbar vor dem Zurückspielen und gut für einen Umzug.
Log in vier Stufen
Von leise bis alles; die tiefen Stufen schalten sich nach einer Stunde selbst zurück. Gestaltung, Passwörter und Schlüssel stehen nie darin.
Sprachen
Deutsch und Englisch sind dabei, weitere lädt der Betreiber als JSON-Datei hoch.
Hell und dunkel
nexbrand selbst hat beide Modi und folgt dem System, bis du etwas anderes wählst.