Presis, faglig og geometrisk

Retningslinjer for logo, farger, typografi, komponenter, bilder, 3D og bevegelse. Siden viser de faktiske komponentene nettstedet er bygget med. (This page is in Norwegian.)

Farger

Bare profilfargene bærer identitet. Verdiene er hentet direkte fra logofilen (#49BFCB og #000000) og fra presentasjonsmalene (#00717D og #535354). Nøytrale flater og tekstfarger velges for lesbarhet. Den eneste tilleggsfargen er en dempet rød som kun brukes for feilmeldinger.

Profilfarger

  • #49BFCB
    TurkisHEX #49BFCB · RGB 73 191 203Profilfarge fra logoen. Primærknapper, aktive tilstander og flater i logoen. Aldri som tekst på hvit eller lys bakgrunn (for lav kontrast).
  • #000000
    SortHEX #000000 · RGB 0 0 0Profilfarge fra logoen. Tekst på turkise flater og logoens diagonal på lys bakgrunn.
  • #00717D
    PetrolHEX #00717D · RGB 0 113 125Profilfarge fra presentasjonene. Lenker, fokusmarkering og aksenttekst på lys bakgrunn (kontrast 5,7:1 mot hvitt).
  • #535354
    GråHEX #535354 · RGB 83 83 84Profilfarge fra presentasjonene. Sekundærtekst på lys bakgrunn (kontrast 7,1:1).

Nøytrale flater

  • #FFFFFF
    HvitStandard bakgrunn.
  • #F3F5F5
    PapirLysegrå flate for annenhver seksjon, skjema, logobånd og bunntekst.
  • #0B0E10
    TekstBrødtekst og overskrifter (19:1 mot hvitt).
  • #0A0D0F
    BlekkBare bak den negative logoen og i administrasjonens toppfelt.

Regler for fargebruk

  • Hvit bakgrunn er standard. Lysegrå «papir»-flate skiller seksjoner og brukes for skjema, logobånd og bunntekst.
  • Turkis brukes sparsomt: én primærhandling per visning, aktive tilstander og data.
  • Tekst på turkis er alltid sort. Turkis brukes aldri som tekst; lenker, fokusmarkering og aksenttekst er petrol.
  • Partnerlogoer vises i én mørk farge (#0B0E10, tonet likt ned) med lik visuell tyngde: hver logo har sin anbefalte høyde. Logoer som mangler, vises som navnet i samme stil.
  • Ingen neon, ingen gløde-effekter og ingen tilfeldige aksentfarger.

Typografi

Én skriftfamilie, IBM Plex Sans, brukes til overskrifter, tekst, datoer og etiketter. Den rene, geometriske groteskskriften harmonerer med ordmerket i logoen. IBM Plex Mono brukes bare til kode og fargekoder. Begge er åpne fonter (SIL Open Font License) og leveres fra egen server.

Display · IBM Plex Sans 600
clamp(2,6 til 5,9 rem)

Kvantitativ finans

Overskrift 1 · IBM Plex Sans 600

Seminarer og arrangementer

Overskrift 2 · IBM Plex Sans 600

Hva vi har tatt opp

Overskrift 3 · IBM Plex Sans 600

Risiko og modellrisiko

Ingress · IBM Plex Sans 400

Vi fremmer kvantitative, forskningsbaserte metoder i finans.

Brødtekst · IBM Plex Sans 400 · 17 px / 1,65

Foreningen samler finansbransjen, akademia og studenter. Linjelengden holdes under 75 tegn for god lesbarhet.

Etikett · IBM Plex Sans 500 · versaler, brukes sparsomt

Neste arrangement

Dato · IBM Plex Sans 600 · petrol

torsdag 13. august 2026, 16.30

Komponenter

Primærknappen har et avskåret hjørne som gjentar logoens 45°-diagonal. Alle interaktive elementer er minst 44 px høye og har synlig fokusmarkering.

Knapper og lenker

PrimærSekundærDiskret
Liten

Tekstlenke · Handlingslenke

  • Seminar
  • Strategisk partner
  • Aktiv
  • Foreløpig

Skjema

Bruk en adresse du beholder.

Skriv inn en gyldig e-postadresse.

Meldinger

Lagret

Endringene er lagret.

Til informasjon

Lenken gjelder i 30 minutter.

Feil

Vi fikk ikke sendt e-post akkurat nå.

Kort

Kort har 1 px kant og et diagonalt avskåret hjørne. Ingen skygger.

Ikoner

Egne ikoner på et 24 px rutenett med 1,6 px strek, rette ender og 45°-vinkler. De faglige symbolene (fordeling, flate, gitter, matrise) brukes i stedet for klisjeer som okser, mynter og piler som peker opp.

  • arrow
  • external
  • calendar
  • pin
  • clock
  • mail
  • linkedin
  • users
  • check
  • close
  • menu
  • pause
  • play
  • alert
  • info
  • lock
  • download
  • search
  • edit
  • trash
  • logout
  • user
  • seminar
  • network
  • lattice
  • distribution
  • surface
  • matrix
  • code
  • diagonal

Rom og komposisjon

Alt plasseres på en 4 px-skala. Seksjoner har romslig luft (72 til 144 px). Innholdet ligger i et rutenett på maks 1240 px med 16 til 40 px marg.

  • Bakgrunnsrutenett på 64 px, hentet fra NFKFs sponsorpresentasjon, tones ut mot kantene.
  • Diagonaler på 45° er det gjennomgående grafiske motivet: knappehjørner, kort, punktmarkører.
  • Venstrejustert tekst. Store overskrifter får en kolonne for seg, brødtekst en smalere.
  • 4 px
  • 8 px
  • 12 px
  • 16 px
  • 24 px
  • 32 px
  • 48 px
  • 64 px
  • 96 px
  • 128 px

Bildebruk

  • Bruk dokumentariske bilder fra egne seminarer: foredragsholdere, salen og samtaler. Ingen stockfoto.
  • Portretter av styret vises i gråtoner for et samlet uttrykk.
  • Unngå finanssymboler som ikke passer foreningen: okser og bjørner, mynter, kryptotegn, dollartegn og kursgrafer med piler.
  • Grafikk skal ha faglig innhold: fordelinger, flater, gitter og matriser med ekte struktur.
  • Alle bilder med innhold har alternativ tekst. Dekorative bilder har tom alt-tekst.

3D, bevegelse og interaksjon

3D brukes på få steder og bærer aldri informasjon alene. Alt innhold finnes som vanlig tekst.

3D-elementer

  • Logoen i 3D: de tre flatene ekstrudert med avfasede kanter. Begge farger i blank lakk: turkis med myk glans, diagonalen i speilblank sort med lysbånd i 45° som glir over flaten når logoen beveger seg. Logoen er aldri hvit på hvit bakgrunn.
  • Volatilitetsflate: en implisitt volatilitetsflate σ(k, τ) som trådnett. Et smilsnitt i turkis glir langs løpetiden, og en blank perle markerer ATM-volatiliteten.
  • Kameraet på forsiden følger pekeren svakt, slik at logoen og flaten får dybde.
  • Sideinnledninger: hver hovedside har sin modell. Om oss: nettverk av fagmiljøer. Arrangementer: Monte Carlo-simulerte kursbaner med fordelingen ved horisonten. Medlemskap: todimensjonal normalfordeling med korrelasjon som endrer seg. Partnere: binomialgitter for to aktiva. Kontakt og medlemsbåndet: korrelert punktsky med ellipsoiden for to standardavvik. 404: tilfeldig vandring i tre dimensjoner.
  • Modellene står til høyre for teksten på store skjermer og som et bånd over overskriften på mobil. De bærer aldri informasjon, og uten 3D vises merket eller en 2D-tegning.

Introduksjon

  • Vises bare ved første besøk på forsiden i en økt, maks cirka 3 sekunder. Kan hoppes over med knapp, Esc, klikk eller scrolling.
  • Vises aldri ved intern navigasjon, ved redusert bevegelse eller uten WebGL. Da vises et statisk bilde av samme scene.
  • Innholdet ligger alltid i siden. Et sikkerhetsnett i CSS viser innholdet etter 4,5 sekunder selv om skript feiler.

Bevegelse

  • Varigheter: 160 ms (små tilstander), 320 ms (paneler), 640 til 900 ms (innglidning). Kurve: cubic-bezier(.2, .7, .2, 1).
  • Respekter «redusert bevegelse»: ingen intro, ingen animasjon i 3D, statisk logobånd.
  • Logobåndet har ingen pauseknapp. Det glir med fast fart og stopper når musepekeren er på det, når det har tastaturfokus og når man trykker på det.

Ytelse

  • 3D lastes etter innholdet og bare når enheten støtter det. Detaljnivå og oppløsning tilpasses enheten. Mobil får lavere oppløsning og 30 bilder per sekund.
  • Rendringen stopper når scenen er utenfor skjermen eller fanen ikke er aktiv.