Designmanual
Vi har noen retningslinjer for hvordan du får BankID-knapper til å se riktige ut i dine egne flater. Supert om du setter av et lite øyeblikk for å bli bedre kjent med dem.
Når du henviser til BankID i tjenesten din, både på web eller i app, skal språk og utseende oppfylle våre krav.
Last ned: Logoer for BankID (.zip)
Call to action
I tilfeller der du tilbyr en call to action-knapp, for eksempel "logg inn" eller "signer", må du oppfylle følgende krav:
- I webapplikasjoner skal det brukes en button- eller anchor-tag (<a> eller <button>). Dette oppfyller kravene til tilgjengelighet for tastaturnavigasjon eller skjermlesere etter WCAG 3.0-standarden.
- Knappen må ha korrekt lillafarge med hvit tekst. Se under for detaljer om styling.
- Knappteksten skal være en av de godkjente som er listet opp under.
Eksempel på call to action-knapp
Last ned: DNA-ikon for primærknapper (.zip)
Teksten skal være en av disse
Norsk | English |
|---|---|
Logg inn med BankID | Log in with BankID |
Fortsett med BankID | Continue with BankID |
Registrer med BankID | Register with BankID |
Signer med BankID | Sign with BankID |
Autentiser med BankID | Authenticate with BankID |
Godkjenn med BankID | Approve with BankID |
Styling
Farge (light mode)
- Bakgrunnsfarge (BankID-lilla): #39134C
- Bakgrunnsfarge hover: #470D70
- Tekstfarge: #FFFFFF
Farge (dark mode)
- Bakgrunnsfarge: #F6F6F9
- Bakgrunnsfarge hover: #EFEEF3
- Tekstfarge (BankID-lilla): #39134C
Høyde
- Anbefalt: 48 px
- Minimum: 48 px
Radius
- Anbefalt: Rounded
- Minimum: 6 px
Padding
- Mellom logo/knapptekst og knapp venstre/høyre: 24 px
- Mellom logo og knapptekst: 14 px
Font
Font er Roboto, medium, 18 px.
Fant du det du lette etter?