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.

Vem kan teckna försäkring?

Alla personer som är mellan 23 och 69 år och som bor i Sverige og har rätt till statligt tandvårdsstöd, kan teckna försäkring.

Hur kan mitt skadeärende behandlas så snabbt som möjligt?

Skicka all dokumentation efter att du är helt färdigbehandlad. På så sätt undviker vi att den som behandlar ditt ärende måste gå igenom ditt ärende på nytt flera gånger.

Skicka bara i den dokumentation vi ber om här, samt eventuell ytterligare dokumentation på begäran.

Skicka inte in journal eller röntgenbilder för mer än två eller fem år. Då lägger vår skadeavdelning onödig tid på att gå igenom överflödig dokumentation.

Om det är möjligt, försök att samla all dokumentation i ett dokument, eller samla kvitton för sig, journal för sig etc. På detta sätt går det snabbare att gå igenom den inskickade dokumentationen.


Jag ska skicka in en skadeanmälan – vilken typ av dokumentation behöver jag?

För att skadeavdelningen ska kunna bedöma en skadeanmälan behöver de följande:

Kvitto som visar vad du söker ersättning för

Fullständig utskrift av journal för de senaste två eller fem åren

Vid behov kan de också behöva röntgenbilder/kliniska foton, samt eventuella kopior av remisser och epikriser. Detta behöver du inte skicka in såvida du inte blir ombedd att göra det.