Zum Inhalt
NEXBRAND

Mit dem Kunden · Kapitel 21

Sammeln

Statt Hexwerte aus einem Styleguide abzutippen, lässt du nexbrand nachsehen. Die Werte werden immer gemessen. Regeln oder deine eigene KI ordnen sie nur, also vergeben Rollen und Namen und sortieren aus, was nicht dazugehört.

Drei Quellen

Quellewas nexbrand liest
Webseitedie Farbe für die Browserleiste, Stile in der Seite und bis zu zehn Stylesheets, eingebundene Webschriften, Logos: Bilder mit „logo“ im Namen, das Symbol der Seite und das Vorschaubild für soziale Netze
GitHub-RepoTailwind-Konfiguration, Token-Dateien, Stylesheets und Schriftpakete in package.json, höchstens 40 Dateien
PDF-StyleguideAngaben in Hex, RGB, CMYK und Pantone aus dem Text, bis 80 Seiten, und eingebettete Schriften

Bilder sind keine Quelle beim Sammeln. Farben aus einem Bild holt der Assistent, im Browser.

So geht es

  1. Sammeln öffnen

    In der Kopfleiste Sammeln, oder auf der Seite eines Kunden ohne CI.

  2. Was soll passieren?

    Als Entwurf übernehmen oder Gegen die CI prüfen; das zweite erklärt das nächste Kapitel.

  3. Kunde wählen

    Einen vorhandenen, oder Neuer Kunde mit einem Namen. Hinterlegte Adressen des Kunden stehen zum Anklicken bereit.

  4. Quellen hinzufügen

    Bis zu sechs, gemischt. Mit Mit KI ordnen sortiert dein KI-Dienst; die KI sieht nur die gemessenen Werte.

  5. Sammeln klicken

    Dann prüfst du das Ergebnis.

Das Ergebnis

Fast gleiche Farben, weniger als ΔE 2 auseinander, legt nexbrand zusammen; es bleiben höchstens 40. Jede steht mit Anteil in Prozent, Fundort und Namen, etwa der CSS-Variablen. Farben, die Bootstrap oder ein ähnlicher Baukasten mitbringt, tragen aus dem Baukasten und sind abgewählt. Ohne KI ordnen feste Regeln: die häufigste bunte Farbe führt, Grautöne werden Neutraltöne, winzige Anteile und fast gleiche Farben sind abgewählt.

Collect
Die Seite Collect mit dem Ergebnis aus einem PDF-Styleguide, Farben mit ihrem Anteil in Prozent und gefundenen Schriften
Gesammelt aus einem PDF-Styleguide.

Schriften übernimmt nexbrand mit Namen. Ihre Dateien nur, wenn du sie einzeln markierst und bestätigst, dass es eine Lizenz gibt, die das Kopieren erlaubt. Wer das bestätigt hat und wann, steht an der Schrift und im Log. Logos siehst du in einer Vorschau, die der Server holt, damit die fremde Seite nicht erfährt, wer schaut; Übernehmen legt eins zu den Dateien des Kunden.

Als Entwurf übernehmen

Die angehakten Farben werden die Palette eines neuen Entwurfs, gewählte Schriften ersetzen die der geltenden Fassung, Logos kommen dazu, alles andere bleibt. Der Entwurf heißt „Gesammelt am …“ und trägt die Herkunft gesammelt. Veröffentlicht wird er erst auf der Seite des Kunden, von einem Menschen.

Sicher nach draußen

Webseiten und Repos holt der Server. Er fragt nur öffentliche Adressen ab, nie eine im eigenen Netz, prüft jede Weiterleitung neu und gibt nach zwölf Sekunden auf. Das Sammeln aus Webseiten und Repos ist ab Werk aus; der Betreiber schaltet es unter Einstellungen, Server, Sammeln und KI ein. Ein PDF geht immer: Es kommt zu den Dateien des Kunden und verlässt das Haus nicht.

Pavo sagtFindet nexbrand auf einer Webseite nichts, lädt sie ihre Farben vermutlich erst per JavaScript. Ein Repo oder der Styleguide hilft dann weiter.