# Hva et merkevaresett bør inneholde, og hvordan du holder orden

[Canonical HTML page](https://gradiently.design/nb/guide/brand-kit)

Stilguiden sier hva du skal gjøre. Merkevaresettet er det folk faktisk strekker seg etter. Får du filer, formater og mapper riktig, lager alle riktig arbeid uten å spørre.

## The short version

- 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.

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](https://gradiently.design/nb/guide/brand-style-guide) 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 |

Syv deler. De fleste sett har de tre første, men de neste tre er der helheten faktisk kommer fra.

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 |

Som et minimum: SVG og gjennomsiktig PNG av hovedlogoen, pluss hvite og svarte énfargede versjoner til bilder og gradienter.

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](https://gradiently.design/nb/guide/logo-on-gradient-background) forklarer løsningene.

## Farger, skrifter og resten av det grunnleggende

- Nattblå: #0e1424
- Mel: #f3e6d0
- Ovnsglød: #e0823d
- Skorpe: #6b4a2f

Farger i et sett trenger navn i tillegg til koder. Folk husker «ovnsglød», ingen husker #e0823d.

```css
: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%);
}
```

Ha en fargefil i settet til den som bygger nettstedet ditt. Det sparer en runde med gjetting ut fra skjermbilder.

For skrifter, noter hvor hver enkelt kommer fra og hva lisensen tillater. Mange gode skrifter er gratis på [Google Fonts](https://fonts.google.com), mens kommersielle skrifter ofte krever lisens per person eller per nettsted, så skriv det ned. [Slik velger du merkevareskrifter](https://gradiently.design/nb/guide/brand-fonts) 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

Seks størrelser som dekker de fleste små merkevarer. Gjengi bakgrunnen for hver form i stedet for å beskjære ett bilde.

## En mappestruktur for merkevaresettet som holder seg ryddig

```text
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)
```

Nummererte mapper holder rekkefølgen, én les-meg-først-fil ligger øverst, og gamle filer flyttes til et arkiv i stedet for å bli liggende ved siden av de nye.

### 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](https://gradiently.design/nb/guide/brand-consistency) 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](https://gradiently.design/nb/guide/brand-kit-setup) tar deg gjennom det.

## FAQ

### 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.