Branding

Merkevaren NTNU med logoer, farger og skrifttype

Lesetid: 3 minutter

En logo er et bumerke eller kjennemerke for en virksomhet, en organisasjon, institusjon eller lignende. Ofte er den utformet som en kunstnerisk eller grafisk bearbeiding av bokstaver i virksomhetens navn, men den kan også være utformet mer fritt.

Historie

NTNUs logo ble laget i 1995 av Bruno Oldani Design Studio. Logoen består av de to elementene «emblemet» og bokstavene «NTNU». Emblemet er et abstrakt symbol bestående av buede og rette linjer, kvadrat og sirkel, som er ment å gi assosiasjoner til både teknologi og humaniora. Uten å framheve det ene på bekostning av det andre antyder det et balansert samspill mellom fagene innenfor NTNU.

Varianter

NTNU web logo

NTNU web logo

NTNU monotone logo

NTNU monotone logo

NTNU slogan logo

NTNU slogan logo

NTNU vertical logo

NTNU vertical logo

NTNU footer nb

NTNU footer nb

NTNU footer en

NTNU footer en

Farger

Definert i tema

CSS-class
base-100
base-200
base-300
primary
secondary
accent
neutral
info
success
warning
error

Definert i Tailwindcss

 
50
100
200
300
400
500
600
700
800
900
950

red

orange

amber

yellow

lime

green

emerald

teal

cyan

sky

blue

indigo

violet

purple

fuchsia

pink

rose

slate

gray

zinc

neutral

stone

For trykk

Hovedfargen er NTNU-blå.

Du kan bruke nyanser fra hele gråtoneskalaen - inkludert sort og hvit.

I tillegg til hovedfargene har vi 8 støttefarger. Støttefarge bør velges etter målgruppe og innhold i produktet.

For hver støttefarge er det valgt ut 4 nyanser som også kan brukes.

Hex RGB CMYK
#00509E 0,80,158 100,75,0,5
#BCD025 188,208,37 35,0,94,0
#6096D0 96,150,208 65,33,0,0
#EF8114 239,129,20 1,58,96,0
#CFB887 207,184,135 17,23,50,8
#B01B81 176,27,129 34,98,0,1
#F7D019 247,208,25 5,16,91,0
#482776 72,39,118 89,100,13,4
#3CBFBE 68,186,190 67,0,30,0
#EBF0C4 235,240,196
#D5DF7C 213,223,124
#7C8934 124,137,52
#494F2B 73,49,43
#CFDAF1 207,218,241
#9DB7E1 157,183,225
#3E628A 62,98,138
#253A55 37,58,85
#FDD9B5 253,217,181
#F4AC67 244,172,103
#90552A 144,85,42
#442E23 68,46,35
#E3BCDA 227,188,218
#C871AC 200,113,172
#75225E 117,34,94
#411C3A 65,28,58
#FDF0C4 253,240,196
#fbdf7b 251,223,123
#8D7835 141,120,53
#3D3628 61,54,40
#BEAFD0 190,175,208
#7F619C 127,97,156
#372557 55,37,87
#231C36 35,28,54
#D1EAEB 209,234,235
#97D2D4 151,210,212
#2E7578 46,117,120
#282D37 40,45,55
#EEE5D5 237,229,213
#E0D0AF 224,208,175
#7D705A 125,112,90
#3D3732 61,55,50

Skrifttype

Open Sans

NTNU byttet ved årskiftet 2019/2020 hovedskrifttype fra «DIN» til «Open Sans».

Open Sans er publisert under «Apache 2.0 lisens», som gir en «perpetual, worldwide, non-exclusive, no-charge, royalty-free, irrevocable copyright license to reproduce, prepare Derivative Works of, publicly display, publicly perform, sublicense, and distribute the Work and such Derivative Works in Source or Object form.» Du kan altså fritt laste ned og bruke Open Sans så mye du ønsker uten å tenke på lisens.

Inter

I 2025 startet arbeidet med et nytt designsystem. I den sammenhengen tok vi bl.a. utgangspunkt i det gode arbeidet som Designsystemet.no har gjort. De har landet på fonten “Inter”.

Inter ble valgt på følgende kriterier:

  • Open font license + har et aktivt community
  • Stor skriftfamilie (light, regular, italic, bold, semibold)
  • Gjenkjennelige bokstaver, tall og spesialtegn (ikke for kreativ)
  • Tydelige overlengder og underlengde på bokstavene.
  • Synlig forskjell på lignende tegn (I, l, 1) (må aktiveres)
  • Åpne bokstaver gror ikke igjen (f.eks tegn som a, e og c)
  • Lik strektykkelse i overgangene.
  • Tabular numbers (monospace)
  • Variabel font
  • God bokstav og ordmellomrom
  • Språkstøtte

“Inter” er tilgjengelig i Figma uten at du trenger å laste ned og installere den selv. Trenger du den til andre formål kan du laste den ned fra github.com/rsms/inter.

For hosting kan Altinn CDN benyttes:

<link
  rel="stylesheet"
  href="https://altinncdn.no/fonts/inter/v4.1/inter.css"
  integrity="sha384-OcHzc/By/OPw9uJREawUCjP2inbOGKtKb4A/I2iXxmknUfog2H8Adx71tWVZRscD"
  crossorigin="anonymous"
/>

For å aktivere lowercase l with tail, legg til følgende i din CSS:

font-family: "Inter", sans-serif;
font-feature-settings: "cv05" 1; /* Enable lowercase l with tail */