Logotyp, grafisk profil eller designsystem?
Av CodexierPublicerad 5 min läsning
En logotyp är ett märke. En grafisk profil är reglerna som gör att allt ni producerar ser ut att komma från samma företag. Ett designsystem är samma idé tillämpad på mjukvara: komponenter, tokens och kod som håller en produkt konsekvent när den växer. Köpare betalar ofta för fel nivå, antingen en logotyp när de behövde en profil, eller ett designsystem till ett företag med en landningssida. Den här guiden förklarar vad varje nivå innehåller och när den är rätt köp.
Vad en logotyp ensam ger
En logotypleverans är märket i färg, svartvitt, liggande och stående version, en förenklad variant i favicon-storlek och originalfiler i vektorformat. Det räcker för att vara igenkännbar på en bil, ett visitkort och en sidhuvud. Den säger ingen vilken blå som ska användas på en presentation, vilket typsnitt nyhetsbrevet ska ha eller hur en bild ska beskäras. Så länge en person producerar allt fyller den personens smak luckan. I samma stund som en andra person gör det börjar inkonsekvensen.
Grafisk profil: hela paketet
En profil är en uppsättning beslut nedskrivna så att vem som helst kan tillämpa dem: en formgivare på tryckeriet, en frilansare som gör annonser, den nya kollegan som bygger en offert i PowerPoint. Leveransen är en kort manual plus mallar, och dess värde mäts i hur lite ni behöver rätta andras arbete efteråt.
| Del | Logotyp | Grafisk profil | Designsystem |
|---|---|---|---|
| Logotyp och varianter | Ja | Ja | Ja, som komponent |
| Färgpalett med användnings- och kontrastregler | Nej | Ja | Ja, som tokens |
| Typografi med storlekar och hierarki | Nej | Ja | Ja, som typskala i kod |
| Mallar: presentationer, dokument, sociala medier | Nej | Ja | Nej |
| Gränssnittskomponenter, tillstånd, avstånd, kod | Nej | Nej | Ja |
Kontrastregler hör hemma i profilen, inte bara i designsystemet. En profilblå som inte klarar tillgänglighetskontrast mot vitt kommer att omprövas i varje projekt.
Designsystem: för digitala produkter
Ett designsystem finns för att gränssnitt byggs av flera personer under flera år, och varje knapp, formulärfält och felmeddelande de bygger ska se ut och bete sig likadant. Det består av tokens (namngivna färger, avstånd, textstorlekar), komponenter (knapp, fält, tabell, dialog) med alla sina tillstånd, användningsriktlinjer och samma komponenter som kod så att utvecklarna inte bygger om dem.
Ni behöver ett när
Ni har en produkt med mer än en handfull skärmar, mer än en utvecklare och en färdplan som hela tiden lägger till funktioner. Konsekvens nu sparar omarbete varje sprint.
Ni behöver inget när
Er digitala närvaro är en marknadssajt och några formulär. En bra profil plus ett komponentbibliotek i er webbplattform räcker.
Börja litet
Tokens, fem kärnkomponenter och en Figma-fil som matchar koden. Låt det växa funktion för funktion; ett stort system ingen använder är bortkastat.
Vilken nivå som passar ert skede
- Enskild firma eller första året, en person producerar allt: logotyp, plus en sida om färg och typsnitt så att hemsida och fakturor matchar.
- Flera personer eller leverantörer producerar material, eller en första riktig hemsida: grafisk profil med mallar. Här bör de flesta företag med fem till femtio anställda ligga.
- En mjukvaruprodukt med ett team som bygger den: profil först, sedan ett designsystem som växer tillsammans med produkten.
- Omprofilering av ett etablerat företag: profil, med designsystemet uppdaterat i samma projekt om en produkt finns, så att de två aldrig glider isär.
Priser för varje nivå finns på prissidan. Vårt paket designsystem och UI-kit förutsätter att en profil finns; gör den inte det säger vi det och avgränsar profilen först i stället för att hitta på tokens ur tomma intet.
Växa från en nivå till nästa
Den billiga vägen genom alla tre nivåerna är att köpa varje nivå med nästa i åtanke. Be om en logotyp levererad som vektorer med en definierad palett, inte som en platt bild. Be om en profil vars färger är namngivna och vars kontrast är kontrollerad, så att de blir tokens utan omdesign. Be om ett designsystem vars Figma-komponenter speglar kodkomponenterna en till en.
- Håll varje originalfil i era egna konton: Figma, typsnittslicenserna, vektororiginalen. Ägandeproblem dyker upp exakt när ni försöker växa till nästa nivå.
- Skriv ned besluten, inte bara det visuella. Varför den blå är just den blå spelar roll när någon senare föreslår att byta den.
- Versionshantera profilen. Små uppdateringar med några års mellanrum slår en omprofilering vart tionde år.
När ni inte ska köpa det här av oss
Behöver ni en logotyp och inget annat är en specialiserad varumärkesdesigner eller en bra frilansare rätt köp; vårt designarbete börjar på profil- och systemnivå eftersom det är där våra utvecklare tillför värde. Har ni en profil ni gillar och en hemsida behöver ni inget designsystem, vad en offert än säger. Underhåller ert produktteam redan ett komponentbibliotek som fungerar, bygg ut det i stället för att ersätta det. Ett 15-minuterssamtal räcker för att placera er på stegen, och vår text om huruvida företaget behöver ett designsystem går in på det sista fallet.
Vanliga frågor
Kan vi hoppa över profilen och gå direkt på ett designsystem?
Tekniskt ja, praktiskt nej. Ett designsystem behöver en palett, en typskala och en ton att koda in. Utan profil fattas de besluten ad hoc inne i systemet, och ert marknadsmaterial kommer inte att matcha produkten. Gör en lätt profil först, även en kort.
Äger vi logotyp- och profilfilerna?
Det bör ni. Avtalet måste överlåta rättigheterna till märket och leveranserna till ert företag, med typsnitt licensierade i ert namn. Be om vektororiginal och Figma-filen, inte bara PDF:er. Det gäller alla designers, inklusive oss.
Hur lång tid tar varje nivå?
En logotyp tar några veckor inklusive återkopplingsrundor. En profil med mallar tar normalt en till två månader. Ett grundläggande designsystem bredvid en produkt tar några veckor för kärnan och är sedan löpande. Leveranstider för våra fastprispaket publiceras vid varje paket.
Osäker på vilken nivå ni faktiskt behöver?
Ta med det ni har i dag, en logotypfil, en sajt, en skärmbild av produkten, till ett kort samtal. Vi säger vilken nivå ert skede kräver, vad som kan återanvändas och vad den nivån kostar till fast pris.
Boka ett kostnadsfritt 15-minuterssamtal