Marke von der Website importieren: Markenkit in einem Schritt

Um in Gradiently deine Marke von der Website zu importieren, öffne die Seite Marke, gib unter Identität im Feld Website deine Adresse ein und wähle Website lesen. Gradiently holt Name, Beschreibung, Themenfarbe und Icon der Website und bietet dir jedes einzeln an: den Namen übernehmen, die Beschreibung als Slogan oder für „Über uns“ verwenden, die Farbe zu deinen Markenfarben hinzufügen, das Icon als Logo hinzufügen. Du wählst aus, was hineinkommt. Das dauert ein paar Sekunden und erspart dir den mühsamsten Teil beim Einrichten eines Kits.

So importierst du deine Marke von einer Website

1. 1

   Öffne die Seite Marke

   Wähle die Marke, die du ausfüllen willst. Jede Marke in deinem Konto hat ihr eigenes Kit, achte also darauf, in der richtigen zu sein.

2. 2

   Gib die Website ein

   Tippe unter Identität die Adresse ins Feld Website. Eine einfache Domain wie crumb.co reicht; das https brauchst du nicht.

3. 3

   Wähle Website lesen

   Gradiently ruft die Seite einmal auf, liest ihren Head und holt ihr Icon. Währenddessen zeigt der Button Wird gelesen….

4. 4

   Übernimm, was passt

   Jeder Fund erscheint mit eigenem Button: „Crumb“ als Namen verwenden, Beschreibung als Slogan verwenden, Beschreibung für „Über uns“ verwenden, Farbe hinzufügen, Icon als Logo hinzufügen. Ignoriere alles, was nicht stimmt.

5. 5

   Nach Änderungen erneut lesen

   Aktualisierst du deine Website, wähle Erneut lesen. Ist alles Nützliche schon im Kit, sagt dir die Seite das.

Die Farbe der Website taucht später auch als Vorschlag im Bereich Farben auf, beschriftet mit dem Namen deiner Website, sodass du sie dort hinzufügen kannst, falls du sie beim ersten Mal übersprungen hast.

Was Gradiently von deiner Website liest

Gelesen wird nur die öffentliche Startseite unter der Adresse, die du angibst, und nur die Teile, die die Marke beschreiben. Andere Seiten werden nicht durchsucht, es gibt keine Anmeldung, und deine Inhalte werden nicht gelesen.

Zwei Details lohnt es sich zu kennen. SVG-Icons werden übersprungen, weil Gradiently fremde SVGs nicht rastert, eine Website nur mit SVG-Favicon liefert also kein Icon. Und die Farbe muss ein einfacher Hex- oder rgb()-Wert sein; eine CSS-Variable im theme-color-Tag lässt sich nicht lesen.

Mach deine Website leicht lesbar

Liefert Website lesen wenig, hilft meist ein paar Zeilen im HTML-Head deiner Website. Sie helfen nicht nur Gradiently: Browser nutzen theme-color für die Adressleiste auf Handys, und Linkvorschauen nutzen deine Open-Graph-Tags. Open-Graph-Tags und Favicon-Design gehen tiefer.

<head>
  <title>Crumb · Sourdough bakery in Leeds</title>
  <meta name="description" content="Slow sourdough and pastries, baked every morning on Kirkgate.">
  <meta property="og:site_name" content="Crumb">
  <meta name="theme-color" content="#c2410c">
  <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
  <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png">
</head>

Was du nach dem Import tun solltest

Der Import gibt dir ein Fundament, kein fertiges Kit. Vier Dinge lohnen sich als Nächstes, in dieser Reihenfolge.

1. Lade richtige Logodateien hoch. Ein Favicon ist winzig und quadratisch. Füge dein vollständiges Logo als PNG, JPEG, WebP, GIF oder AVIF hinzu, eines für dunkle und eines für helle Hintergründe; siehe Logo auf einem Verlaufshintergrund.
2. Ergänze die Farben. Eine Themenfarbe ist ein Anfang. Füge eine unterstützende Farbe sowie dein dunkelstes und hellstes Neutral hinzu; Markenfarben wählen hilft dabei.
3. Leg deine Schriften fest. Wähle eine Schrift für Überschriften und eine für Fließtext oder lade deine eigenen Schriftdateien hoch.
4. Beschreib die Tonalität. Eine Website-Beschreibung sagt dem Designer, was du bist, nicht wie du klingst. Fülle Tonfall, In deinen Worten, Immer und Nie aus; Markenstimme für KI zeigt, wie.

Wenn das Lesen einer Website scheitert

Siehst du Wir konnten diese Website nicht lesen., hat die Seite nicht rechtzeitig geantwortet, einen Fehler zurückgegeben oder die Anfrage blockiert. Prüfe, ob sich die Adresse in einem privaten Browserfenster öffnet. Adressen, die auf ein privates Netzwerk, eine Login-Seite oder eine Datei statt einer Webseite zeigen, werden absichtlich abgelehnt. Eine Website hinter einer strengen Bot-Sperre lässt sich vielleicht nie lesen; tipp die Angaben dann von Hand ein, das dauert ein paar Minuten.

Mit ausgefülltem Kit stellt das Studio deine Farben in jedem Farbwähler an den Anfang, bietet deine Logos an und startet Designs in deinen Schriften, und der Designer schreibt auf Basis deiner Beschreibung. Kombiniere das mit einem Mark, den niemand sonst nutzen kann, und deine Posts sehen vom ersten an nach dir aus. Den Rest des Kits behandelt Markenkit einrichten.