Components
The building blocks of ntb.no, rebuilt from the tokens. Each page shows every variation in light and dark, says what to check, and lists do’s and don’ts.
ButtonsFour buttons. Primary is Dyp mørkerød in light mode and Lys rosa in dark mode.4 variationsLinks and labelsText links with a 2 px underline, the Lava eyebrow and the uppercase kicker.3 variationsHeaderA Dyp mørkerød top bar (40 px) over a white row (81 px) with the logo, the main menu, search, sign-in and a CTA.2 variationsHeroA full-bleed photo, darkened, with a centred display headline in Lys rosa and one lead sentence.1 variationLink cardsBordered cards that link to an area: icon in a soft Lava tile, label below.2 variationsFeature splitA large rounded photo with a kicker, a short paragraph and one button beside it. Alternates sides down the page.2 variationsCTA bandA warm grey band with one question and one button, centred.1 variationArticle cardsTeasers for articles and tips: image, title, muted summary.2 variationsSearch fieldThe image search from the front page: a bordered field with a category select and the neutral button.1 variationNewsletter formSign-up on a Dyp mørkerød band: underline inputs in Lys rosa and the pink button.1 variationFooterDyp mørkerød, with the logo, link columns under uppercase labels and thin dividers.1 variation