# Hent merkevaren fra nettstedet: fyll merkevaresettet i ett steg
[Canonical HTML page](https://gradiently.design/nb/guide/import-brand-from-website)
Nettstedet ditt vet allerede navnet ditt, beskrivelsen på én linje, fargen og ikonet. Én knapp på Merkevare-siden leser dem, og du bestemmer hva du vil beholde.
## The short version
- Gradiently kan lese nettstedet til en merkevare og foreslå navn, beskrivelse, temafarge og ikon til merkevaresettet.
- Ingenting legges til automatisk: hvert funn vises som et forslag du kan bruke eller overse.
- Navnet kommer fra nettstedets egne navnetagger, beskrivelsen fra metabeskrivelsen, fargen fra theme-color-taggen og ikonet fra touch-ikonet eller favikonet.
- Et nettsted uten theme-color-tagg eller med bare et SVG-ikon gir færre forslag, så noen få linjer i HTML-hodet gir et bedre resultat.
- Å lese et nettsted er en del av merkevaresettet, som følger med Gradiently Pro.
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. **Å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. **Skriv inn nettstedet** Under **Identitet** skriver du adressen i **Nettsted**. Et rent domene som `crumb.co` holder; du trenger ikke https.
3. **Velg Les nettstedet** Gradiently besøker siden én gang, leser hodet og henter ikonet. Knappen viser **Leser…** mens den jobber.
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. **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.
| Forslag til settet | Hvor det kommer fra | Blir til |
| --- | --- | --- |
| Navn | `og:site_name`, `application-name` eller Apples tittel for nettapper | Merkevarenavn |
| Beskrivelse | `meta name="description"`, eller Open Graph-beskrivelsen | Slagord eller Om |
| Farge | `meta name="theme-color"` som hex eller rgb() | En merkevarefarge |
| Ikon | Den største `apple-touch-icon`, andre rasterikoner, så `/favicon.ico` | En logo, opptil 256 px |
Fire forslag og kildene deres. Ikonet tegnes på nytt som en PNG på maks 256 px før Gradiently tar vare på det.
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](https://gradiently.design/nb/guide/open-graph-tags) og [favikondesign](https://gradiently.design/nb/guide/favicon-design) går dypere.
```html
Crumb · Sourdough bakery in Leeds
```
Alt Les nettstedet ser etter: et nettstedsnavn, en beskrivelse på én linje, en temafarge i hex og et touch-ikon i raster på 180×180.
### Gir lite
- Ingen metabeskrivelse, eller en full av søkeord
- Ingen theme-color-tagg, eller en CSS-variabel i den
- Bare et SVG-favikon
- En forside som sender videre til en innloggingsskjerm
### Gir en full start på settet
- Én ærlig setning om hva du gjør
- En temafarge i hex som matcher logoen
- Et touch-ikon i PNG på 180×180
- En offentlig forside som laster raskt
## 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](https://gradiently.design/nb/guide/logo-on-gradient-background).
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](https://gradiently.design/nb/guide/how-to-choose-brand-colors) hjelper.
3. **Velg skriftene.** Velg én skrift for overskrifter og én for brødtekst, eller [last opp dine egne skriftfiler](https://gradiently.design/nb/guide/custom-fonts-upload).
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](https://gradiently.design/nb/guide/brand-kit-voice) viser hvordan.
Et Instagram-innlegg som presenterer surdeigsbakeriet Crumb, med navnet og beskrivelsen lest fra nettstedet
Et første innlegg rett etter importen: navn og beskrivelse fra nettstedet.
Den samme presentasjonen av Crumb som en stående Instagram Story
Samme merkevare som story i 1080×1920, klar når settet er på plass.
## 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.
> **Hvem som kan gjøre dette** Å lese et nettsted er en del av merkevaresettet, som følger med Pro. I et delt arbeidsområde kan bare eiere og administratorer endre et merkevaresett. Gradiently leser nettstedet én gang, når du ber om det, uten informasjonskapsler eller påloggingsdetaljer.
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](https://gradiently.design/nb/guide/brand-kit-setup).
## FAQ
### Hvordan henter jeg merkevarefargene fra nettstedet mitt?
I Gradiently skriver du inn nettstedet på Merkevare-siden og velger Les nettstedet. Har nettstedet en theme-color-tagg, foreslås fargen som merkevarefarge.
### Hvorfor fant ikke Les nettstedet logoen min?
Den ser etter rasterikoner som apple-touch-icon eller favicon.ico og hopper over SVG-ikoner. Legg til et touch-ikon i PNG på nettstedet, eller last opp logoen direkte.
### Overskriver importen merkevaresettet mitt?
Nei. Hvert funn tilbys som et forslag, og ingenting endres i settet før du velger å bruke det.
### Kan jeg hente en merkevare fra noen andres nettsted?
Verktøyet leser alle offentlige nettsteder, men bruk det til merkevarer du driver eller jobber for. Settet bør inneholde ressurser du har rett til å bruke.
### Hva om nettstedet mitt ikke har noen beskrivelse?
Les nettstedet foreslår likevel det den finner. Skriv slagord og Om for hånd, og vurder å legge til en metabeskrivelse på nettstedet, noe som også hjelper i søkeresultatene.