Importér brand fra hjemmeside: udfyld dit brandkit på ét trin

Hvis du vil importere brand fra hjemmeside i Gradiently, åbner du Brand-siden, skriver din adresse i Websted under Identitet og vælger Læs websted. Gradiently henter webstedets navn, beskrivelse, temafarve og ikon og tilbyder så hvert af dem: Brug navnet, brug beskrivelsen som din tagline eller Om, tilføj farven til dine brandfarver, tilføj ikonet som logo. Du vælger, hvad der kommer med. Det tager et par sekunder og sparer den mest kedelige del af at sætte et kit op.

Sådan importerer du dit brand fra en hjemmeside

1. 1

   Åbn Brand-siden

   Vælg det brand, du vil udfylde. Hvert brand på din konto har sit eget kit, så sørg for, at du er i det rigtige.

2. 2

   Skriv hjemmesiden

   Under Identitet skriver du adressen i Websted. Et rent domæne som crumb.co er nok; du behøver ikke https.

3. 3

   Vælg Læs websted

   Gradiently besøger siden én gang, læser dens head og henter dens ikon. Knappen viser Læser…, mens den arbejder.

4. 4

   Brug det, der passer

   Hvert fund vises med sin egen knap: Brug »Crumb« som navn, Brug beskrivelsen som tagline, Brug beskrivelsen som Om, Tilføj farven, Tilføj ikonet som logo. Ignorér alt, der er forkert.

5. 5

   Læs igen efter ændringer

   Opdaterer du dit websted, vælger du Læs igen. Når alt brugbart allerede er i kittet, siger siden det.

Webstedets farve dukker også senere op som et forslag i afsnittet Farver, mærket med dit websteds navn, så du kan tilføje den der, hvis du sprang den over første gang.

Hvad Gradiently læser på din hjemmeside

Den læser kun den offentlige forside på den adresse, du angiver, og kun de dele, der beskriver brandet. Den gennemsøger ikke andre sider, logger ikke ind og læser ikke dit indhold.

To detaljer er værd at kende. SVG-ikoner springes over, fordi Gradiently ikke rasteriserer en andens SVG, så et websted med kun et SVG-favicon giver intet ikon. Og farven skal være en almindelig hex- eller rgb()-værdi; en CSS-variabel i theme-color-tagget kan ikke læses.

Gør din hjemmeside nem at læse

Hvis Læs websted giver lidt, er løsningen som regel et par linjer i dit websteds HTML-head. De hjælper mere end Gradiently: Browsere bruger theme-color til adresselinjen på telefoner, og linkforhåndsvisninger bruger dine Open Graph-tags. Open Graph-tags og favicon-design går dybere.

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

Hvad du gør efter importen

Importen giver dig et fundament, ikke et færdigt kit. Fire ting er værd at gøre bagefter, i denne rækkefølge.

1. Upload ordentlige logofiler. Et favicon er lille og kvadratisk. Tilføj dit fulde logo som PNG, JPEG, WebP, GIF eller AVIF, ét til mørke baggrunde og ét til lyse; se logo på en gradientbaggrund.
2. Rund farverne af. Én temafarve er en start. Tilføj en understøttende farve og dine mørkeste og lyseste neutrale; sådan vælger du brandfarver hjælper.
3. Vælg dine skrifttyper. Vælg en skrift til overskrifter og en til brødtekst, eller upload dine egne skriftfiler.
4. Skriv stemmen. En webstedsbeskrivelse fortæller Designer, hvad du er, ikke hvordan du lyder. Udfyld Tone, Med dine ord, Altid og Aldrig; brandstemme til AI viser, hvordan.

Når læsning af en hjemmeside mislykkes

Hvis du ser Vi kunne ikke læse det websted, svarede siden ikke i tide, returnerede en fejl eller blokerede forespørgslen. Tjek, at adressen kan åbnes i et privat browservindue. Adresser, der peger på et privat netværk, en login-side eller en fil frem for en webside, afvises med vilje. Et websted bag en streng botmur kan måske aldrig læses; skriv oplysningerne ind i hånden, hvilket tager et par minutter.

Når kittet er udfyldt, sætter Studio dine farver først i hver vælger, tilbyder dine logoer og starter designs i dine skrifttyper, og Designer skriver ud fra din beskrivelse. Par det med en Mark, som ingen andre kan bruge, og dine opslag ligner dig fra det allerførste. Resten af kittet gennemgås i opsætning af brandkit.