# Skabelon til brandkit: logoer, farver, skrifttyper og stemme samlet [Canonical HTML page](https://gradiently.design/da/guide/brand-kit-template) Et brandkit er kun nyttigt, hvis nogen kan åbne det og lave et korrekt design på ti minutter. Her er en skabelon, der gør netop det, afsnit for afsnit, med et udfyldt eksempel. ## The short version - En skabelon til brandkit har syv afsnit: grundoplysninger, logoer, farver, skrift, signaturudtryk, stemme og regler. - Logofiler bør findes i en fuld version, en lille version og lyse og mørke varianter, som SVG og gennemsigtig PNG. - Farver bør oplistes med HEX og RGB til skærm og CMYK, hvis du trykker, sammen med hvad hver farve bruges til. - Stemmeafsnittet er det, der lader andre og AI-værktøjer skrive i dit brands tone, så det fortjener rigtige eksempler. - Et brandkit er kortere og mere praktisk end en fuld stilguide: det er det sæt filer og koder, folk har brug for i dag. En **skabelon til brandkit** er en struktur til udfyldning for de filer og fakta, enhver har brug for for at designe for dit brand: logofiler, farvekoder, skrifttyper, dit signaturudtryk, stemme og nogle få regler. Skabelonen nedenfor har syv afsnit, i den rækkefølge folk slår ting op. Kopiér den ind i et dokument eller en delt mappe, udfyld hver del, og du har et kit, en freelancer, en nyansat eller en AI-assistent kan arbejde ud fra med det samme. Hvis du stadig overvejer, *hvorfor* du har brug for et, dækker [brandkit](https://gradiently.design/da/guide/brand-kit) argumentet. Denne side er den praktiske skabelon. ## Skabelonen til brandkit ```text BRANDKIT: [Brandnavn] Sidst opdateret: [dato] Ansvarlig: [navn, mail] 1. GRUNDOPLYSNINGER Én sætning: hvad vi gør, og for hvem Målgruppe: Produkter eller ydelser: Website / profilnavne: 2. LOGOER (SVG + gennemsigtig PNG af hver) Fuldt logo: lys ___ mørk ___ Lille mærke / ikon: lys ___ mørk ___ Mindstestørrelse: ___ px bred Frirum: ___ hele vejen rundt 3. FARVER (navn / brug / HEX / RGB / CMYK) Bund: Hoved: Støtte: Lys neutral: Accent (sparsomt): 4. SKRIFT Overskriftsskrift + vægt: Brødtekstskrift + vægt: Hvor de kan hentes / licens: 5. SIGNATURUDTRYK Baggrund eller Mark-kode: Behandling af fotos: 6. STEMME Tre ord: Vi siger: ___ Vi siger aldrig: ___ Eksempel på overskrift: 7. REGLER Altid: Aldrig: ``` Kopiér den her ind i et hvilket som helst dokument. Udfyld det, du ved nu; lad hullerne stå frem for at gætte. ## Hvad hvert afsnit skal have | Afsnit | Medtag | Almindeligt hul | | --- | --- | --- | | Grundoplysninger | Én sætning, målgruppe, produkter eller ydelser, links | Ingen kontakt til spørgsmål | | Logoer | Fulde og små versioner, lyse og mørke, SVG og PNG | Kun en JPG med en hvid boks rundt om | | Farver | Navne, anvendelser, HEX, RGB, CMYK ved tryk | Koder uden at sige, hvilken farve der er til hvad | | Skrift | Overskrifts- og brødtekstskrifttyper, vægte, licens | Skrifttypenavne uden filer eller kilde | | Signaturudtryk | Baggrunden eller fladen, behandling af fotos | Mangler helt, så hver designer finder på et | | Stemme | Tre ord, eksempler, ord at undgå | Adjektiver uden eksempler | | Regler | To eller tre altid- og aldrig-linjer | En lang liste, ingen læser | De syv afsnit og det hul, der oftest efterlades i hvert. ### Logoer: de filer, du skal eksportere Eksportér hver logoversion som SVG til alt, der skalerer, og som gennemsigtig PNG til værktøjer, der ikke tager SVG. Giv filerne enkle navne, som `brand-logo-full-dark.svg`, så ingen skal åbne dem for at vide, hvilken der er hvilken. [Logovariationer](https://gradiently.design/da/guide/logo-variations) forklarer, hvilke versioner du har brug for og hvornår, og [logostørrelser](https://gradiently.design/da/guide/logo-sizes) viser de dimensioner, platforme beder om. ### Farver: koder og opgaver Oplist hver farve med et navn og en opgave, ikke kun en kode. »Accent: kun knapper og priser« forhindrer, at accenten oversvømmer et design. Her er et udfyldt eksempel til et lille yogastudie. - Bund: trækul: #1f2421 - Hoved: eukalyptus: #49695a - Støtte: salvietåge: #b7cbbd - Neutral: hør: #f6f1e9 - Accent: ler: #d98b5f Fem farver, hver med en opgave skrevet ind i navnet. Leraccenten er til holdtider og priser, intet andet. Tilføj RGB-værdier ved siden af hex-koderne og CMYK, hvis noget bliver trykt. [Hex til RGB](https://gradiently.design/da/guide/hex-to-rgb) har omregningen, og [RGB mod CMYK](https://gradiently.design/da/guide/rgb-vs-cmyk) forklarer, hvorfor trykfarver har brug for deres egne værdier. ### Skrift: navne, filer og licenser Skriv de nøjagtige skrifttypenavne og vægte, som »Inter Bold til overskrifter, Inter Regular til brødtekst«, og læg skrifttypefilerne eller et downloadlink i samme mappe. Notér også licensen. En skrifttype, der er gratis til personlig brug, dækker måske ikke en kundes annoncekampagne, og kittet er der, hvor en freelancer vil tjekke. [Brandskrifttyper](https://gradiently.design/da/guide/brand-fonts) hjælper, hvis du endnu ikke har valgt. ### Signaturudtryk: det afsnit, de fleste kit mangler De fleste brandkit stopper ved logo, farver og skrifttyper, og derfor driver designs lavet ud fra dem stadig. Baggrunden eller fladen bag dine designs fylder det meste af hver ramme, så den har brug for sin egen post: hvad den er, hvor den findes, og hvordan fotos behandles oven på den. Hvis dit udtryk er en Gradiently-Mark, så skriv dens offentlige kode her, for eksempel `GR·K7Q2·MX`, så alle kan finde netop den rigtige. Uden dette afsnit finder hver ny designer på en baggrund, og brandet bliver stille og roligt til flere brands. ### Stemme: eksempler slår adjektiver ### Svær at bruge - Vores stemme er varm, venlig og professionel - Undgå at lyde som en sælger - Vær inkluderende ### Nem at bruge - Vi siger: »Kom som du er, måtter findes.« - Vi siger aldrig: »Sidste chance« eller »Gå ikke glip af det« - Tiltal alle med »du«; antag aldrig smidighed eller kondition Eksempler betyder endnu mere nu, hvor AI-værktøjer skriver mange første udkast. En assistent, der får tre rigtige sætninger i din stemme, rammer den langt bedre end en, der får tre adjektiver. [Brandstemme til AI](https://gradiently.design/da/guide/brand-kit-voice) går i dybden med, hvordan du skriver dette afsnit til maskiner såvel som mennesker. ## Et udfyldt eksempel i brug Prøven på et brandkit er, om en, der aldrig har mødt dig, kan lave et korrekt opslag ud fra det. Her er, hvad yogastudiets kit giver i hænderne på en ny freelancer uden anden instruktion. Et yogastudieopslag i højformat, der annoncerer et solopgangsflow lørdag kl. 7, på studiets gradientbaggrund En holdannoncering bygget alene af kittet: palet, skrifttyper, udtryk og stemme. En lodret story fra det samme yogastudie med teksten Kom som du er, med samme baggrund og skrift En story fra det samme kit. Andet format, samme brand, ingen ekstra instruktioner nødvendige. ## Hvor du opbevarer dit brandkit - **En delt mappe** med dokumentet og hver logo- og skrifttypefil. Enkelt og universelt. - **Inde i dit designværktøj**, så farver, skrifttyper og logoer er ét klik væk i stedet for at blive kopieret i hånden. - **Én ansvarlig og en dato.** Nogen har ansvar for opdateringer, og alle kan se, om kittet er aktuelt. Gradiently-brandkittet, en del af Pro, dækker det meste af denne skabelon: navn og beskrivelse, logoer, farvepaletter, en overskrifts- og en brødtekstskrifttype (du kan uploade skrifttypefiler), stemme, målgruppe og hvad brandet gør. Det kan læse dit website for at udfylde navn, beskrivelse, farve og ikon for dig. Design på en Mark som dit signaturudtryk, og Designer skriver i dit kits stemme og anvender dit kit, når den lægger designs ud. [Opsætning af brandkit](https://gradiently.design/da/guide/brand-kit-setup) gennemgår det. ## FAQ ### Hvad skal et brandkit indeholde? Grundlæggende brandfakta, logofiler i flere versioner, farvekoder med deres anvendelser, skrifttyper, dit signaturudtryk, stemmeeksempler og nogle få regler. ### Hvad er forskellen på et brandkit og en stilguide? Et brandkit er det praktiske sæt filer og koder, folk har brug for til at designe i dag. En stilguide er et længere dokument, der forklarer regler og begrundelser i dybden. ### Hvilke filformater skal logoer have i et brandkit? SVG til alt, der skalerer, og gennemsigtig PNG til værktøjer, der ikke accepterer SVG, hver i lyse og mørke versioner. ### Hvor langt skal et brandkit være? Kort nok til at kunne læses på ti minutter. Hvis det har brug for mere, så flyt detaljerne til en separat stilguide.