Hent merkevaren fra nettstedet: fyll merkevaresettet i ett steg

For å hente merkevaren fra nettstedet ditt i Gradiently åpner du Merkevare-siden, skriver adressen i Nettsted under Identitet og velger Les nettstedet. Gradiently henter nettstedets navn, beskrivelse, temafarge og ikon, og foreslår hvert av dem: bruk navnet, bruk beskrivelsen som slagord eller Om, legg fargen til merkevarefargene, legg ikonet til som logo. Du velger hva som kommer inn. Det tar noen sekunder og sparer deg for den kjedeligste delen av å sette opp et sett.

Slik henter du merkevaren fra et nettsted

1. 1

   Åpne Merkevare-siden

   Velg merkevaren du vil fylle ut. Hver merkevare på kontoen din har sitt eget sett, så sjekk at du er i riktig.

2. 2

   Skriv inn nettstedet

   Under Identitet skriver du adressen i Nettsted. Et rent domene som crumb.co holder; du trenger ikke https.

3. 3

   Velg Les nettstedet

   Gradiently besøker siden én gang, leser hodet og henter ikonet. Knappen viser Leser… mens den jobber.

4. 4

   Bruk det som passer

   Hvert funn vises med sin egen knapp: Bruk «Crumb» som navn, Bruk beskrivelsen som slagord, Bruk beskrivelsen som Om, Legg til fargen, Legg til ikonet som logo. Overse alt som er feil.

5. 5

   Les på nytt etter endringer

   Oppdaterer du nettstedet, velger du Les på nytt. Når alt nyttig allerede er i settet, sier siden fra om det.

Nettstedets farge dukker også opp senere som et forslag i Farger-delen, merket med navnet på nettstedet ditt, så du kan legge den til der hvis du hoppet over den første gang.

Hva Gradiently leser fra nettstedet ditt

Den leser bare den offentlige forsiden på adressen du oppgir, og bare delene som beskriver merkevaren. Den gjennomsøker ikke andre sider, logger ikke inn og leser ikke innholdet ditt.

To detaljer er verdt å vite. SVG-ikoner hoppes over, fordi Gradiently ikke rasteriserer andres SVG, så et nettsted med bare et SVG-favikon gir ikke noe ikon. Og fargen må være en ren hex- eller rgb()-verdi; en CSS-variabel i theme-color-taggen kan ikke leses.

Gjør nettstedet ditt lett å lese

Kommer Les nettstedet tilbake med lite, er løsningen som regel noen få linjer i HTML-hodet på nettstedet. De hjelper mer enn Gradiently: nettlesere bruker theme-color til adresselinjen på mobil, og lenkeforhåndsvisninger bruker Open Graph-taggene dine. Open Graph-tagger og favikondesign går dypere.

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

Hva du gjør etter importen

Importen gir deg et fundament, ikke et ferdig sett. Fire ting er verdt å gjøre etterpå, i denne rekkefølgen.

1. Last opp ordentlige logofiler. Et favikon er bittelite og kvadratisk. Legg til hele logoen som PNG, JPEG, WebP, GIF eller AVIF, én for mørke bakgrunner og én for lyse; se logo på gradientbakgrunn.
2. Fyll ut fargene. Én temafarge er en start. Legg til en støttefarge og de mørkeste og lyseste nøytralene; slik velger du merkevarefarger hjelper.
3. Velg skriftene. Velg én skrift for overskrifter og én for brødtekst, eller last opp dine egne skriftfiler.
4. Skriv stemmen. En beskrivelse fra nettstedet forteller Designer hva du er, ikke hvordan du høres ut. Fyll inn Tone, Med dine ord, Alltid og Aldri; merkevarestemme for AI viser hvordan.

Når lesingen av et nettsted mislykkes

Ser du Vi kunne ikke lese det nettstedet., svarte ikke siden i tide, returnerte en feil eller blokkerte forespørselen. Sjekk at adressen åpnes i et privat nettleservindu. Adresser som peker til et privat nettverk, en innloggingsside eller en fil i stedet for en nettside avvises med vilje. Et nettsted bak en streng robotsperre kan kanskje aldri leses; skriv inn detaljene for hånd, det tar et par minutter.

Når settet er fylt ut, setter Studio fargene dine først i hver velger, tilbyr logoene dine og starter design i skriftene dine, og Designer skriver ut fra beskrivelsen din. Kombiner det med en Mark ingen andre kan bruke, så ser innleggene dine ut som deg fra det aller første. Resten av settet dekkes i sette opp merkevaresett.