Website library

Everything you need to look like Norsk Tannhelseforsikring

All the classes and components here are the source of truth for our website, make a change to this document and it will apply to the entire website. Guidelines to working on the website can be found in this document.

Colors

Primary

Turkis 1

#2ab5b9
16px
24px
White
Pass
Pass
Primary
Not legible
Not legible
Black
Not legible
Pass

Turkis 2

#55c4c7
16px
24px
White
Not legible
Pass
Primary
Not legible
Not legible
Black
Pass
Pass

Turkis 3

#94dadc
16px
24px
White
Not legible
Not legible
Primary
Not legible
Not legible
Black
Pass
Pass

Accent

Beige 1

#D9D9BF
16px
24px
White
Not legible
Not legible
Primary
Not legible
Pass
Black
Pass
Pass

Neutral

White

#fafafa
16px
24px
White
Not legible
Not legible
Primary
Pass
Pass
Black
Pass
Pass

Black

#141e1e
16px
24px
White
Pass
Pass
Primary
Not legible
Pass
Black
Not legible
Not legible

Typography

We use Avenir LT PRO as our main typeface

Headings

Avenir - 3 / 2,5 / 2 em

H1 Display

Avenir - 2 / 2,3 / 2 em

H1 Regular

Avenir - 2 / 1,8 / 1,6 em

H2 Display

Avenir - 1,5 / 1,4 / 1,3 em

H2 Regular

Avenir - 1,2 em

H3 Regular

Avenir - 1 em

H4 Regular

Paragraphs

This is the slogan size

This is a normal paragraph, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Icons

Here is a overview of the icon font, do not use icons to illustrate anything other than the name.

Use: Copy the icons direct in to a text element with the class icon-font.



Grid

Classes

2_column_grid
3_column_grid
4_column_grid
5_column_grid

Notes

no_gutters class can be aplyed to all grids and will remove both vertical and horizontal gutters.

Buttons

Buttons are categorized by actions. Buttons are used whenever the user can interact or change path on the website.
‍Each variation has intention and should be used sparingly.

General

DefaultCall to actionSecondary action
Classes

button default
button cta
button secondary_action

Notes

All buttons start with the button class, and here you can change font, corner radius etc.

Disabled

DefultCall to actionCall to action outlined
Classes

button disabled

Notes

All buttons use the same disabled class

Cards

A static card

This is some text inside of a div block.

A card that is clickable

This is some text inside of a div block.
Classes

card
card clickable

Notes

The only differentiator is the hover and click animation

FAQ

Gathers data directly from the FAQ collection in the CMS. Create a new FAQ here and it will automatically be updated on the page.

Hvem kan tegne forsikring?

Alle personer som er mellom 18 og 69 år og medlem av Norsk Folketrygd, kan tegne forsikring.

Hvordan kan skadesaken min behandles raskest mulig?

Send inn all dokumentasjon først når du er helt ferdigbehandlet. På den måten unngår vi at saksbehandleren din må sette seg inn i saken din på nytt flere ganger.

Send kun inn den dokumentasjonen vi ber om her, samt eventuelt tilleggsdokumentasjon ved forespørsel.

Ikke send inn journal eller røntgenbilder for mer enn to eller fem år. Da bruker skadeavdelingen vår unødig tid på å gjennomgå unødvendig dokumentasjon.

Om mulig; forsøk å samle all dokumentasjon i ett dokument, eller samle kvitteringer for seg, journal for seg etc. På den måten går det raskere å gjennomgå innsendt dokumentasjon.

Jeg skal melde et skadekrav – hva trenger jeg av dokumentasjon?

For at skadeavdelingen skal kunne vurdere et skadekrav vil de trenge følgende:

Kvittering som viser hva du søker refusjon for

Fullstendig journalutskrift for de siste to eller fem år

Ved behov kan det også bes om røntgenbilder/kliniske foto, samt evt. kopi av henvisninger og epikriser. Dette trenger du ikke å sende inn uoppfordret, de ber om det dersom det trengs.