# Importér brand fra hjemmeside: udfyld dit brandkit på ét trin
[Canonical HTML page](https://gradiently.design/da/guide/import-brand-from-website)
Din hjemmeside kender allerede dit navn, din pitch på én linje, din farve og dit ikon. Én knap på Brand-siden læser dem, og du bestemmer, hvad der skal beholdes.
## The short version
- Gradiently kan læse et brands hjemmeside og tilbyde dets navn, beskrivelse, temafarve og ikon til brandkittet.
- Intet tilføjes automatisk: Hvert fund vises som et forslag, du kan bruge eller ignorere.
- Navnet kommer fra webstedets egne navnetags, beskrivelsen fra dets meta-beskrivelse, farven fra dets theme-color-tag og ikonet fra dets touch-ikon eller favicon.
- Et websted uden theme-color-tag eller med kun et SVG-ikon giver færre forslag, så et par linjer i dets HTML-head forbedrer resultatet.
- Læsning af et websted er en del af brandkittet, som følger med Gradiently Pro.
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. **Å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. **Skriv hjemmesiden** Under **Identitet** skriver du adressen i **Websted**. Et rent domæne som `crumb.co` er nok; du behøver ikke https.
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. **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. **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.
| Forslag til kittet | Hvor det kommer fra | Bliver til |
| --- | --- | --- |
| Navn | `og:site_name`, `application-name` eller Apples webapptitel | Brandnavn |
| Beskrivelse | `meta name="description"` eller Open Graph-beskrivelsen | Tagline eller Om |
| Farve | `meta name="theme-color"` som hex eller rgb() | En brandfarve |
| Ikon | Det største `apple-touch-icon`, andre rasterikoner, så `/favicon.ico` | Et logo på op til 256 px |
Fire forslag og deres kilder. Ikonet tegnes om som en PNG på højst 256 px, før Gradiently beholder det.
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](https://gradiently.design/da/guide/open-graph-tags) og [favicon-design](https://gradiently.design/da/guide/favicon-design) går dybere.
```html
Crumb · Sourdough bakery in Leeds
```
Alt, hvad Læs websted leder efter: et webstednavn, en beskrivelse på én linje, en hex-temafarve og et rasterbaseret touch-ikon på 180×180.
### Giver lidt
- Ingen meta-beskrivelse, eller en proppet med nøgleord
- Intet theme-color-tag, eller en CSS-variabel i det
- Kun et SVG-favicon
- En forside, der omdirigerer til en login-skærm
### Giver en fuld start på kittet
- Én ærlig sætning om, hvad du gør
- En hex-temafarve, der matcher dit logo
- Et touch-ikon som PNG på 180×180
- En offentlig forside, der indlæses hurtigt
## 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](https://gradiently.design/da/guide/logo-on-gradient-background).
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](https://gradiently.design/da/guide/how-to-choose-brand-colors) hjælper.
3. **Vælg dine skrifttyper.** Vælg en skrift til overskrifter og en til brødtekst, eller [upload dine egne skriftfiler](https://gradiently.design/da/guide/custom-fonts-upload).
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](https://gradiently.design/da/guide/brand-kit-voice) viser, hvordan.
Et Instagram-opslag, der præsenterer Crumb, et surdejsbageri, med navnet og beskrivelsen læst fra dets hjemmeside
Et første opslag lige efter importen: navn og beskrivelse fra webstedet.
Den samme præsentation af Crumb som en lodret Instagram-story
Det samme brand som en story på 1080×1920, klar, når kittet er sat op.
## 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.
> **Hvem kan gøre det** Læsning af et websted er en del af brandkittet, som følger med Pro. I et delt arbejdsområde kan kun ejere og administratorer ændre et brandkit. Gradiently læser webstedet én gang, når du beder om det, uden cookies eller legitimationsoplysninger.
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](https://gradiently.design/da/guide/brand-kit-setup).
## FAQ
### Hvordan henter jeg mine brandfarver fra min hjemmeside?
I Gradiently skriver du din hjemmeside på Brand-siden og vælger Læs websted. Har dit websted et theme-color-tag, tilbydes dets farve som brandfarve.
### Hvorfor fandt Læs websted ikke mit logo?
Den leder efter rasterikoner som et apple-touch-icon eller favicon.ico og springer SVG-ikoner over. Tilføj et PNG-touch-ikon til dit websted, eller upload dit logo direkte.
### Overskriver importen mit brandkit?
Nej. Hvert fund tilbydes som et forslag, og intet ændrer sig i kittet, før du vælger at bruge det.
### Kan jeg importere et brand fra en andens hjemmeside?
Værktøjet læser ethvert offentligt websted, men brug det til brands, du driver eller arbejder for. Kittet bør kun rumme materiale, du har ret til at bruge.
### Hvad hvis mit websted ikke har en beskrivelse?
Læs websted tilbyder stadig det, den finder. Skriv din tagline og Om i hånden, og overvej at tilføje en meta-beskrivelse til webstedet, som også hjælper i søgeresultater.