DiBK
Innsiden
Veivisere

DiBK Styleguide

Snarveier

Styleguide for elementer som brukes på Veivisere

Dette er en teknisk beskrivelse for innholdselementer som kun brukes på Innsiden, og skal være et verktøy for videre utvikling av komponenter for Innsiden. Elementer som ikke er listet nedenfor er hentet direkte fra styleguiden til dibk.no.

Farger

Hovedfarger Veivisere

De tre hovedfargene er hentet fra logoen.

#f0f2cb
Lys limegrønn
#ecf2f6
Lys blå 2
#c1272d
Error
#072938
Mørk blå
#f2f1f0
Varm grå 3

Table

Default table

Table header Table header Table header
Table data Table data Table data
Table data Table data Table data

Details

Details

See examples

An example

Omnium prompta placerat in sed. Cum no congue tamquam iracundia. Oporteat periculis instructior est in, vis habeo reprimique ei.

Another example

Omnium prompta placerat in sed. Oporteat periculis instructior est in, vis habeo reprimique ei.

A different example

Cum no congue tamquam iracundia. Oporteat periculis instructior est in, vis habeo reprimique ei.

Loading

Loading

Loading something

Blocks

Default block

This is a block

Blocks group

Heading

This is a grouped block

Omnium prompta placerat in sed. Cum no congue tamquam iracundia. Oporteat periculis instructior est in, vis habeo reprimique ei.

This is a grouped block

Omnium prompta placerat in sed. Cum no congue tamquam iracundia. Oporteat periculis instructior est in, vis habeo reprimique ei.

Simple block group

Heading

This is a simple grouped block

Omnium prompta placerat in sed. Cum no congue tamquam iracundia. Oporteat periculis instructior est in, vis habeo reprimique ei.

This is a simple grouped block

Omnium prompta placerat in sed. Cum no congue tamquam iracundia. Oporteat periculis instructior est in, vis habeo reprimique ei.

Text block

This is a text block

Option facilis delicata nec no. In alii unum adhuc qui, mel an summo ponderum. Eos vero scripta id, vix labitur persecuti eloquentiam ei. Te justo dictas labitur eam. Omnium prompta placerat in sed. Cum no congue tamquam iracundia. Oporteat periculis instructior est in, vis habeo reprimique ei.

Table block

This is a table block

Table header Table header Table header
Table data Table data Table data
Table data Table data Table data

Errors

Validation error

You did something very wrong


Information notice

This is important information, remember this!


Error block

This is an error block

No point in continuing with the guide once you see one of these, unfortunately.

Signature

Signature

Sometimes the wizard is used to help the user fill out a form, which must then be printed and mailed to a physical address. In that case, the signature primitive appears on the printed page. The signature primitive should never be visible on the digital version of the result page.

Class: signature

Date and signature