Importera varumärke från webbplats: fyll i kitet i ett steg

För att importera varumärke från webbplats i Gradiently öppnar du sidan Varumärke, skriver in din adress under Webbplats i Identitet och väljer Läs sidan. Gradiently hämtar sidans namn, beskrivning, temafärg och ikon och erbjuder var och en: använd namnet, använd beskrivningen som slogan eller Om, lägg till färgen bland dina varumärkesfärger, lägg till ikonen som logotyp. Du väljer vad som kommer med. Det tar några sekunder och sparar den mest tråkiga delen av att ställa in ett kit.

Så importerar du ditt varumärke från en webbplats

1. 1

   Öppna sidan Varumärke

   Välj det varumärke du vill fylla i. Varje varumärke i ditt konto har sitt eget kit, så se till att du är i rätt ett.

2. 2

   Ange webbplatsen

   Under Identitet skriver du adressen i Webbplats. En vanlig domän som crumb.co räcker; du behöver inte skriva https.

3. 3

   Välj Läs sidan

   Gradiently besöker sidan en gång, läser dess huvud och hämtar dess ikon. Knappen visar Läser… medan det pågår.

4. 4

   Använd det som passar

   Varje fynd visas med sin egen knapp: Använd ”Crumb” som namn, Använd beskrivningen som slogan, Använd beskrivningen som Om, Lägg till färgen, Lägg till ikonen som logotyp. Bortse från det som är fel.

5. 5

   Läs igen efter ändringar

   Om du uppdaterar din webbplats väljer du Läs igen. När allt användbart redan finns i kitet säger sidan det.

Webbplatsens färg dyker också upp senare som ett förslag i avsnittet Färger, märkt med din webbplats namn, så att du kan lägga till den där om du hoppade över den första gången.

Vad Gradiently läser från din webbplats

Den läser bara den publika startsidan på adressen du anger, och bara de delar som beskriver varumärket. Den genomsöker inte andra sidor, loggar inte in och läser inte ditt innehåll.

Två detaljer är bra att känna till. SVG-ikoner hoppas över, eftersom Gradiently inte rastrerar någon annans SVG, så en sida med bara en SVG-favicon ger ingen ikon. Och färgen måste vara ett vanligt hex- eller rgb()-värde; en CSS-variabel i theme-color-taggen går inte att läsa.

Gör din webbplats lätt att läsa

Om Läs sidan ger magert resultat är lösningen oftast några rader i sidans HTML-huvud. De hjälper fler än Gradiently: webbläsare använder theme-color för adressfältet på mobiler, och länkförhandsvisningar använder dina Open Graph-taggar. Open Graph-taggar och favicon-design går djupare.

<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>

Vad du gör efter importen

Importen ger dig en grund, inte ett färdigt kit. Fyra saker är värda att göra härnäst, i den här ordningen.

1. Ladda upp riktiga logotypfiler. En favicon är liten och kvadratisk. Lägg till din fullständiga logotyp som PNG, JPEG, WebP, GIF eller AVIF, en för mörka bakgrunder och en för ljusa; se logotyp på en gradientbakgrund.
2. Komplettera färgerna. En temafärg är en början. Lägg till en stödfärg och dina mörkaste och ljusaste neutraler; så väljer du varumärkesfärger hjälper dig.
3. Ställ in typsnitten. Välj ett typsnitt för rubriker och ett för brödtext, eller ladda upp dina egna typsnittsfiler.
4. Skriv rösten. En webbplatsbeskrivning talar om för Designer vad du är, inte hur du låter. Fyll i Ton, Med dina ord, Alltid och Aldrig; varumärkesröst för AI visar hur.

När det inte går att läsa en webbplats

Om du ser Vi kunde inte läsa den webbplatsen svarade sidan inte i tid, returnerade ett fel eller blockerade förfrågan. Kontrollera att adressen öppnas i ett privat webbläsarfönster. Adresser som pekar på ett privat nätverk, en inloggningssida eller en fil i stället för en webbsida nekas med flit. En sida bakom en strikt botspärr kanske aldrig går att läsa; skriv in uppgifterna för hand, vilket tar ett par minuter.

När kitet är ifyllt lägger Studion dina färger först i varje väljare, erbjuder dina logotyper och startar designer i dina typsnitt, och Designer skriver utifrån din beskrivning. Kombinera det med en Mark som ingen annan kan använda så ser dina inlägg ut som du från det första. Resten av kitet beskrivs i ställa in varumärkeskit.