Branding | NTNU Designsystem

Lesetid: 3 minutter

Logo

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

Farger

Definert i tema

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

Definert i Tailwindcss

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 */