# Mall för varumärkeskit: logotyper, färger, typsnitt, röst [Canonical HTML page](https://gradiently.design/sv/guide/brand-kit-template) Ett varumärkeskit är bara användbart om någon kan öppna det och göra en korrekt design på tio minuter. Här är en mall som gör precis det, avsnitt för avsnitt, med ett ifyllt exempel. ## The short version - En mall för varumärkeskit har sju avsnitt: grunder, logotyper, färger, typografi, signaturlook, röst och regler. - Logotypfiler bör finnas i en full version, en liten version och ljusa och mörka varianter, som SVG och transparent PNG. - Färger ska listas med HEX och RGB för skärm, och CMYK om du trycker, tillsammans med vad varje färg ska användas till. - Röstavsnittet är det som låter andra människor och AI-verktyg skriva i ditt varumärkes ton, så det förtjänar riktiga exempel. - Ett varumärkeskit är kortare och mer praktiskt än en fullständig grafisk manual: det är uppsättningen filer och koder som folk behöver idag. En **mall för varumärkeskit** är en ifyllbar struktur för de filer och fakta som alla behöver för att designa åt ditt varumärke: logotypfiler, färgkoder, typsnitt, din signaturlook, röst och några regler. Mallen nedan har sju avsnitt, i den ordning folk slår upp saker. Kopiera den till ett dokument eller en delad mapp, fyll i varje del, så har du ett kit som en frilansare, en nyanställd eller en AI-assistent kan arbeta utifrån direkt. Om du fortfarande avgör *varför* du behöver ett tar [varumärkeskit](https://gradiently.design/sv/guide/brand-kit) upp argumenten. Den här sidan är den praktiska mallen. ## Mallen för varumärkeskit ```text VARUMÄRKESKIT: [Varumärkesnamn] Senast uppdaterad: [datum] Ansvarig: [namn, e-post] 1. GRUNDER En mening: vad vi gör och för vem Målgrupp: Produkter eller tjänster: Webbplats / användarnamn: 2. LOGOTYPER (SVG + transparent PNG var) Full logotyp: ljus ___ mörk ___ Liten symbol / ikon: ljus ___ mörk ___ Minsta storlek: ___ px bred Frizon: ___ på alla sidor 3. FÄRGER (namn / användning / HEX / RGB / CMYK) Bakgrund: Huvudfärg: Stöd: Ljus neutral: Accent (sparsamt): 4. TYPOGRAFI Rubriktypsnitt + snitt: Brödtypsnitt + snitt: Var man hittar dem / licens: 5. SIGNATURLOOK Bakgrund eller Mark-kod: Bildbehandling: 6. RÖST Tre ord: Vi säger: ___ Vi säger aldrig: ___ Exempelrubrik: 7. REGLER Alltid: Aldrig: ``` Kopiera in det här i vilket dokument som helst. Fyll i det du vet nu; lämna luckor hellre än att gissa. ## Vad varje avsnitt behöver | Avsnitt | Ska innehålla | Vanlig lucka | | --- | --- | --- | | Grunder | En mening, målgrupp, produkter eller tjänster, länkar | Ingen kontakt för frågor | | Logotyper | Fulla och små versioner, ljusa och mörka, SVG och PNG | Bara en JPG med en vit ruta runt | | Färger | Namn, användning, HEX, RGB, CMYK vid tryck | Koder utan att säga vilken färg som är till vad | | Typografi | Rubrik- och brödtypsnitt, snitt, licens | Typsnittsnamn utan filer eller källa | | Signaturlook | Bakgrunden eller ytan, bildbehandling | Saknas helt, så varje designer hittar på en egen | | Röst | Tre ord, exempel, ord att undvika | Adjektiv utan exempel | | Regler | Två eller tre rader om alltid och aldrig | En lång lista som ingen läser | De sju avsnitten och luckan som oftast lämnas i vart och ett. ### Logotyper: filerna att exportera Exportera varje logotypversion som SVG för allt som skalas och som transparent PNG för verktyg som inte tar SVG. Ge filerna enkla namn, till exempel `brand-logo-full-dark.svg`, så att ingen behöver öppna dem för att veta vilken som är vilken. [Logotypvarianter](https://gradiently.design/sv/guide/logo-variations) förklarar vilka versioner du behöver och när, och [logotypstorlekar](https://gradiently.design/sv/guide/logo-sizes) listar de mått som plattformar ber om. ### Färger: koder och uppgifter Lista varje färg med ett namn och en uppgift, inte bara en kod. ”Accent: bara knappar och priser” hindrar accenten från att svämma över en design. Här är ett ifyllt exempel för en liten yogastudio. - Bakgrund: kol: #1f2421 - Huvud: eukalyptus: #49695a - Stöd: salviadimma: #b7cbbd - Neutral: linne: #f6f1e9 - Accent: lera: #d98b5f Fem färger, var och en med en uppgift inskriven i namnet. Leraccenten är till för klasstider och priser, inget annat. Lägg till RGB-värden vid sidan av hexkoderna, och CMYK om något trycks. [Hex till RGB](https://gradiently.design/sv/guide/hex-to-rgb) har omvandlingen, och [RGB mot CMYK](https://gradiently.design/sv/guide/rgb-vs-cmyk) förklarar varför tryckfärger behöver egna värden. ### Typografi: namn, filer och licenser Skriv de exakta typsnittsnamnen och snitten, till exempel ”Inter Bold för rubriker, Inter Regular för brödtext”, och lägg typsnittsfilerna eller en nedladdningslänk i samma mapp. Notera licensen också. Ett typsnitt som är gratis för privat bruk kanske inte täcker en kunds annonskampanj, och kitet är där en frilansare kollar. [Varumärkets typsnitt](https://gradiently.design/sv/guide/brand-fonts) hjälper om du inte har valt ännu. ### Signaturlook: avsnittet som de flesta kit missar De flesta varumärkeskit stannar vid logotyp, färger och typsnitt, och därför glider designer som görs utifrån dem ändå isär. Bakgrunden eller ytan bakom dina designer fyller det mesta av varje bildruta och behöver därför en egen post: vad den är, var den finns och hur foton behandlas ovanpå den. Om din look är en Gradiently-Mark, skriv dess offentliga kod här, till exempel `GR·K7Q2·MX`, så att alla kan hitta exakt rätt. Utan det här avsnittet hittar varje ny designer på en bakgrund, och varumärket blir i tysthet flera varumärken. ### Röst: exempel slår adjektiv ### Svårt att använda - Vår röst är varm, vänlig och professionell - Undvik att låta säljig - Var inkluderande ### Lätt att använda - Vi säger: ”Kom som du är, mattor finns.” - Vi säger aldrig: ”Sista chansen” eller ”Missa inte” - Tilltala alla med ”du”; anta aldrig rörlighet eller kondition Exempel betyder ännu mer nu när AI-verktyg skriver många första utkast. En assistent som får tre riktiga meningar i din röst matchar den långt bättre än en som får tre adjektiv. [Varumärkesröst för AI](https://gradiently.design/sv/guide/brand-kit-voice) går in på hur du skriver det här avsnittet för maskiner såväl som människor. ## Ett ifyllt exempel i bruk Provet på ett varumärkeskit är om någon som aldrig träffat dig kan göra ett korrekt inlägg av det. Så här blir resultatet av yogastudions kit i händerna på en ny frilansare, utan någon annan instruktion. Ett stående yogastudioinlägg som tillkännager en lördagsklass med soluppgångsflow kl. 7, på studions gradientbakgrund Ett klasstillkännagivande byggt bara på kitet: palett, typsnitt, look och röst. En vertikal story för samma yogastudio med texten Kom som du är, med samma bakgrund och text En story från samma kit. Annat format, samma varumärke, inga extra instruktioner behövdes. ## Var du förvarar ditt varumärkeskit - **En delad mapp** med dokumentet och varje logotyp- och typsnittsfil. Enkelt och universellt. - **Inne i ditt designverktyg**, så att färger, typsnitt och logotyper finns ett klick bort i stället för att kopieras för hand. - **En ansvarig och ett datum.** Någon ansvarar för uppdateringar, och alla kan se om kitet är aktuellt. Gradiently-varumärkeskitet, en del av Pro, täcker det mesta av den här mallen: namn och beskrivning, logotyper, färgpaletter, ett rubrik- och ett brödtypsnitt (du kan ladda upp typsnittsfiler), röst, målgrupp och vad varumärket gör. Det kan läsa din webbplats för att fylla i namn, beskrivning, färg och ikon åt dig. Designa på en Mark som din signaturlook, så skriver Designer i ditt kits röst och tillämpar ditt kit när den lägger upp designer. [Så sätter du upp varumärkeskitet](https://gradiently.design/sv/guide/brand-kit-setup) går igenom det. ## FAQ ### Vad ska ingå i ett varumärkeskit? Grundläggande fakta om varumärket, logotypfiler i flera versioner, färgkoder med sina användningar, typsnitt, din signaturlook, röstexempel och några regler. ### Vad är skillnaden mellan ett varumärkeskit och en grafisk manual? Ett varumärkeskit är den praktiska uppsättningen filer och koder som folk behöver för att designa idag. En grafisk manual är ett längre dokument som förklarar regler och resonemang på djupet. ### Vilka filformat ska logotyperna ha i ett varumärkeskit? SVG för allt som skalas och transparent PNG för verktyg som inte tar SVG, var och en i ljusa och mörka versioner. ### Hur långt ska ett varumärkeskit vara? Så kort att det går att läsa på tio minuter. Om det behöver mer, flytta detaljerna till en separat grafisk manual.