Kortversjonen
- Et merkevaresett er samlingen av ferdige filer som lar hvem som helst lage arbeid i merkevarens stil: logoer, fargekoder, skrifter, bakgrunner, maler, godkjente bilder og stilguiden.
- Logoer hører hjemme i settet som SVG for skjermer, en gjennomsiktig PNG for hverdagsverktøy og énfargede versjoner i svart og hvitt.
- Fargekoder bør stå i alle skrivemåter folk trenger, som regel hex og RGB for skjerm og CMYK for trykk.
- Bakgrunner og maler er de mest brukte og oftest glemte delene av et merkevaresett.
- Et merkevaresett holder seg ryddig når det har ett hjem, én eier, tydelige filnavn og en arkivmappe for alt som er faset ut.
På denne siden
Et merkevaresett er samlingen av ferdige filer alle trenger for å lage noe i merkevarens stil: logofiler, fargekoder, skrifter, bakgrunner, maler, godkjente bilder og en kort stilguide. Stilguiden for merkevaren forklarer reglene, mens settet leverer materialene. Et godt sett betyr at en frilanser, en ny kollega eller en KI-assistent kan komme i gang på minutter uten å sende deg et eneste spørsmål.
Sjekkliste for merkevaresettet
| Del | Hva du tar med | Hvorfor det betyr noe |
|---|---|---|
| Logo | SVG, gjennomsiktig PNG, énfarget svart og hvit, kvadratisk avatarversjon | Hvert verktøy og hver bakgrunn trenger en ulik fil |
| Farger | Navn, hex-, RGB- og CMYK-koder, med hver fargens oppgave | Hindrer at folk henter farger fra skjermbilder |
| Skrifter | Skriftnavn med nedlastingslenker eller filer, pluss lisensnotater | Unngår erstatninger som endrer hele uttrykket |
| Bakgrunner | Signaturbakgrunn i vanlige størrelser, CSS-kode, flat reservefarge | Fyller den største flaten i de fleste design |
| Maler | De vanligste innleggene, storyene, lysbildene og e-posttoppen | Den raskeste måten å holde arbeidet helhetlig på |
| Bilder | Godkjente foto-, illustrasjons- eller ikonsett | Holder bildebankbilder unna |
| Stilguide | Reglene på én side som PDF eller lenke | Forklarer når hver fil skal brukes |
Det hjelper å tenke på hvem som åpner settet, og hva hver enkelt strekker seg etter først:
- En sosiale medier-ansvarlig vil ha maler og bakgrunner i riktige størrelser
- En webutvikler vil ha SVG-logoen, fargekodene som CSS og skriftkildene
- Et trykkeri vil ha trykklogoen, CMYK-verdier og eventuelle spesialfarger
- En ny kollega vil ha guiden på én side og ett godt eksempel på hvert format
- En KI-assistent vil ha reglene som ren tekst og fargene som koder
Logofiler: hvilke formater du trenger
Én logo, flere filer. Hvert format løser et eget problem, og feil format er den vanligste årsaken til uskarpe logoer, logoer i boks og logoer med feil farger.
| Format | Bruk det til | Pass på |
|---|---|---|
| SVG | Nettsteder, apper og alt som skal skaleres | Noen kontor- og sosiale verktøy godtar det ikke |
| PNG, gjennomsiktig | Lysbilder, dokumenter, sosiale verktøy, e-post | Eksporter stort, for eksempel 2000 px bredt, så den holder seg skarp |
| PDF eller EPS | Trykk, skilting og profileringsartikler | Send til trykkerier, ikke til sosiale medier |
| JPEG | Nesten aldri til logoer | Ingen gjennomsiktighet, så den kommer i en hvit boks |
Ta også med en versjon som fungerer på signaturbakgrunnen din. En logo som forsvinner på din egen gradient er et vanlig og unngåelig problem, og å legge en logo på en gradient forklarer løsningene.
Farger, skrifter og resten av det grunnleggende
:root {
--night-blue: #0e1424; /* rgb(14 20 36) grounds, 60% */
--flour: #f3e6d0; /* rgb(243 230 208) text and panels, 30% */
--oven-glow: #e0823d; /* rgb(224 130 61) accents only, 10% */
--crust: #6b4a2f; /* rgb(107 74 47) support */
/* Signature background, with the flat fallback first */
--ground: #0e1424;
--ground-gradient: radial-gradient(90% 70% at 50% 110%, #e0823d 0%, #6b4a2f 25%, #1b2238 55%, #0e1424 100%);
}For skrifter, noter hvor hver enkelt kommer fra og hva lisensen tillater. Mange gode skrifter er gratis på Google Fonts, mens kommersielle skrifter ofte krever lisens per person eller per nettsted, så skriv det ned. Slik velger du merkevareskrifter hjelper med selve valget.
Bakgrunner og maler: filene folk bruker mest
Logoer får oppmerksomheten, men bakgrunner og maler får bruken. Lag signaturbakgrunnen din i størrelsene du publiserer mest, så ingen strekker et kvadratisk bilde til et banner. Bygg deretter malene oppå den.
Innlegg 4:5
1080 × 1350
Story 9:16
1080 × 1920
Lysbilde 16:9
1920 × 1080
Lenkeforhåndsvisning
1200 × 630
E-posttopp
1200 × 600
LinkedIn-banner
1584 × 396
En mappestruktur for merkevaresettet som holder seg ryddig
brand-kit/
00-read-me-first.pdf (the one-page style guide)
01-logo/
cornerloaf-logo-primary.svg
cornerloaf-logo-primary.png
cornerloaf-logo-white.png
cornerloaf-logo-black.png
cornerloaf-avatar-square.png
print/cornerloaf-logo-primary.pdf
02-colour/
colours.css
colours.pdf (hex, RGB, CMYK, names, jobs)
03-type/
fonts.txt (names, links, licence notes)
04-backgrounds/
ground-1080x1350.png
ground-1080x1920.png
ground-1920x1080.png
05-templates/
06-imagery/
_archive/ (retired files, never deleted)Rotete sett
- logo-final-v3-NY-bruk-denne.png
- Fem kopier av settet på ulike disker
- Gamle og nye farger side om side
- Skrifter nevnt, men ikke lenket
Ryddig sett
- brand-logo-white.png, navngitt etter hva den er
- Ett hjem, lenket fra alle andre steder
- Utfasede filer flyttet til _archive
- Hver skrift med kilde og lisens
Slik holder du merkevaresettet oppdatert
- 1
Ett hjem, én eier
Ha én hovedkopi og utpek én person som kan endre den. Alle andre lenker til den i stedet for å laste ned kopier.
- 2
Navngi filer etter hva de er
Merkevare, del, variant, format. Aldri «final» eller «ny»: de slutter å stemme uken etter.
- 3
Arkiver, ikke slett
Når noe fases ut, flytt det til en arkivmappe. Gamle filer ved siden av nye er slik gamle farger kommer tilbake.
- 4
Gå gjennom etter hver endring
Ny mal, ny farge, ny logokombinasjon: oppdater settet samme dag, deretter stilguiden. Se merkevarehelhet for hvorfor glidningen starter her.
Gradiently har et merkevaresett inne i Studio, med logoene, fargene og skriftene dine ett klikk unna hvert design, og Designer bruker det når den lager eller endrer arbeid. Driver du mer enn én merkevare, får hver sitt sett og sine egne Marks. Slik setter du opp merkevaresettet i Gradiently tar deg gjennom det.
Spørsmål folk stiller
Hva er et merkevaresett?
Et merkevaresett er en samling ferdige merkevarefiler: logoer, fargekoder, skrifter, bakgrunner, maler, godkjente bilder og en kort stilguide.
Hvilke logofiler bør ligge i et merkevaresett?
En SVG og en gjennomsiktig PNG av hovedlogoen, hvite og svarte énfargede versjoner, en kvadratisk avatarversjon og en PDF eller EPS til trykk.
Hva er forskjellen på et merkevaresett og en stilguide?
Stilguiden er reglene, og merkevaresettet er filene. Settet bør inneholde guiden, og guiden bør si hvor settet ligger.
Hvordan deler jeg et merkevaresett med en frilanser?
Del en lenke til den ene hovedmappen, med stilguiden øverst. Unngå å sende kopier, for de blir fort utdaterte.
Skrevet av Gradiently
Teamet bak Gradiently, et designverktøy bygget rundt Marks: levende gradienter som gjør at alt du designer ser ut som ditt.
Se profilen vår
