Buttons
Four buttons. Primary is Dyp mørkerød in light mode and Lys rosa in dark mode.
Primary
What to check: The main action on a page or block. Readable in both modes.
Neutral
What to check: A secondary action next to a field, like the image search. Clearly different from primary.
On a brand band
What to check: Lys rosa on Dyp mørkerød, the newsletter button. Only used on brand bands.
Compact (header)
What to check: The smaller CTA at the end of the header.
Do
- One primary button per block.
- Use a verb that says what happens: "Meld på", "Ta kontakt".
- Keep the label on one line.
Don’t
- Don’t make buttons Lava. Lava is for decoration and labels.
- Don’t add shadows or gradients; ntb.no has none.
- Don’t put two primary buttons side by side.