v13.0.0

What's Changed

• Big update to the logo namespace:
  • We use optically adjusted NRK in all logos for web and digital services as the default (more in-depth explenation can be found here. In short: we make this change to increase legibility of our logos across digital services.
  • Sub-brands are updated to use our own font, NRK Sans, to better tie our services together
• Cleanup of namespace in expressive icons
  • Three icons have been renamed to fix typos or mismatches with base icon taxonomy
• Adjustment of opacity for chromecast icons

Breaking changes

Renaming

• The following logos have been renamed to match nomenclature of similar logo versions in addition to visual updates/adjustments

  • nrk-logo-nrk-mp3-symbol.svg -> nrk-logo-nrk-mp3-title-below.svg
  • nrk-logo-nrk-p3-symbol.svg -> nrk-logo-nrk-p3-title-below.svg
  • nrk-logo-nrk-tv--small-boxed.svg -> nrk-logo-nrk-tv-with-bg.svg
  • nrk-logo-nrk-tv--small-stacked.svg -> nrk-logo-nrk-tv-title-below.svg
  • nrk-logo-nrk-tv--small.svg -> nrk-logo-nrk-tv.svg
  • nrk-logo-nrk-nyheter--blackwhite.svg -> nrk-logo-nrk-nyheter-symbol--blackwhite.svg
  • nrk-logo-nrk-nyheter--color.svg -> nrk-logo-nrk-nyheter-symbol--color.svg
  • nrk-logo-nrk-nyheter.svg -> nrk-logo-nrk-nyheter-symbol.svg
  • nrk-logo-nrk-sport--blackwhite.svg -> nrk-logo-nrk-sport-symbol--blackwhite.svg
  • nrk-logo-nrk-sport--color.svg -> nrk-logo-nrk-sport-symbol--color.svg
  • nrk-logo-nrk-sport.svg -> nrk-logo-nrk-sport-symbol.svg

• The following icons have been renamed to address mismatches with base icon taxonomy

  • nrk-media-play-fail-expressive to nrk-media-play-expressive--fail
  • nrk-completed-expressive to nrk-media-completed-expressive
  • nrk-lastest-news-expressive to nrk-latest-news-expressive

• With the legibility improvements, the following logos have been moved to the /logo/large-namespace for use-cases described in the article linked above

  • nrk-logo-nrk.svg -> nrk-logo-large-nrk.svg
  • nrk-logo-nrk-tv--stacked.svg -> nrk-logo-large-nrk-tv-title-below.svg
  • nrk-logo-nrk-tv--boxed.svg -> nrk-logo-large-nrk-tv-with-bg.svg
  • nrk-logo-nrk-tv.svg -> nrk-logo-large-nrk-tv.svg

Visual updates

• Updates the following logos to use NRK Sans and uses optically adjusted NRK
  • nrk-logo-nrk-folkemusikk.svg
  • nrk-logo-nrk-jazz.svg
  • nrk-logo-nrk-klassisk.svg
  • nrk-logo-nrk-mp3.svg
  • nrk-logo-nrk-p1-pluss.svg
  • nrk-logo-nrk-p1.svg
  • nrk-logo-nrk-p13.svg
  • nrk-logo-nrk-p2.svg
  • nrk-logo-nrk-p3-urort.svg
  • nrk-logo-nrk-p3-x.svg
  • nrk-logo-nrk-p3.svg
  • nrk-logo-nrk-radio.svg
  • nrk-logo-nrk-sapmi.svg
  • nrk-logo-nrk-super.svg
  • nrk-logo-nrk-tv.svg
  • nrk-logo-nrk.svg
• Changed opacity used in the following icons from .3 to .5
  • nrk-media-chromecast--1
  • nrk-media-chromecast--2
  • nrk-media-chromecast--3

What's new?

New namespace

• /logo/large has been created
  • files from here are added to the logo zip-archives and available for js import
  • Please note that -large -files do not have an iife js -file

New resources

• The following logo versions have been added
  • nrk-logo-nrk-folkemusikk-on-dark.svg
  • nrk-logo-nrk-folkemusikk-on-light.svg
  • nrk-logo-nrk-folkemusikk-title-below-on-dark.svg
  • nrk-logo-nrk-folkemusikk-title-below-on-light.svg
  • nrk-logo-nrk-folkemusikk-title-below.svg
  • nrk-logo-nrk-folkemusikk-with-bg.svg
  • nrk-logo-nrk-jazz-on-dark.svg
  • nrk-logo-nrk-jazz-on-light.svg
  • nrk-logo-nrk-jazz-title-below-on-dark.svg
  • nrk-logo-nrk-jazz-title-below-on-light.svg
  • nrk-logo-nrk-jazz-title-below.svg
  • nrk-logo-nrk-jazz-with-bg.svg
  • nrk-logo-nrk-klassisk-on-dark.svg
  • nrk-logo-nrk-klassisk-on-light.svg
  • nrk-logo-nrk-klassisk-title-below-on-dark.svg
  • nrk-logo-nrk-klassisk-title-below-on-light.svg
  • nrk-logo-nrk-klassisk-title-below.svg
  • nrk-logo-nrk-klassisk-with-bg.svg
  • nrk-logo-nrk-kringkastingsorkesteret-on-dark.svg
  • nrk-logo-nrk-kringkastingsorkesteret-on-light.svg
  • nrk-logo-nrk-kringkastingsorkesteret-title-below-on-dark.svg
  • nrk-logo-nrk-kringkastingsorkesteret-title-below-on-light.svg
  • nrk-logo-nrk-kringkastingsorkesteret-title-below.svg
  • nrk-logo-nrk-kringkastingsorkesteret-with-bg.svg
  • nrk-logo-nrk-kringkastingsorkesteret.svg
  • nrk-logo-nrk-mp3-on-dark.svg
  • nrk-logo-nrk-mp3-on-light.svg
  • nrk-logo-nrk-mp3-title-below-on-dark.svg
  • nrk-logo-nrk-mp3-title-below-on-light.svg
  • nrk-logo-nrk-mp3-title-below.svg
  • nrk-logo-nrk-mp3-with-bg.svg
  • nrk-logo-nrk-p1-on-dark.svg
  • nrk-logo-nrk-p1-on-light.svg
  • nrk-logo-nrk-p1-pluss-on-dark.svg
  • nrk-logo-nrk-p1-pluss-on-light.svg
  • nrk-logo-nrk-p1-pluss-title-below-on-dark.svg
  • nrk-logo-nrk-p1-pluss-title-below-on-light.svg
  • nrk-logo-nrk-p1-pluss-title-below.svg
  • nrk-logo-nrk-p1-pluss-with-bg.svg
  • nrk-logo-nrk-p1-title-below-on-dark.svg
  • nrk-logo-nrk-p1-title-below-on-light.svg
  • nrk-logo-nrk-p1-title-below.svg
  • nrk-logo-nrk-p1-with-bg.svg
  • nrk-logo-nrk-p13-on-dark.svg
  • nrk-logo-nrk-p13-on-light.svg
  • nrk-logo-nrk-p13-title-below-on-dark.svg
  • nrk-logo-nrk-p13-title-below-on-light.svg
  • nrk-logo-nrk-p13-title-below.svg
  • nrk-logo-nrk-p13-with-bg.svg
  • nrk-logo-nrk-p2-on-dark.svg
  • nrk-logo-nrk-p2-on-light.svg
  • nrk-logo-nrk-p2-title-below-on-dark.svg
  • nrk-logo-nrk-p2-title-below-on-light.svg
  • nrk-logo-nrk-p2-title-below.svg
  • nrk-logo-nrk-p2-with-bg.svg
  • nrk-logo-nrk-p3-on-dark.svg
  • nrk-logo-nrk-p3-on-light.svg
  • nrk-logo-nrk-p3-title-below-on-dark.svg
  • nrk-logo-nrk-p3-title-below-on-light.svg
  • nrk-logo-nrk-p3-title-below.svg
  • nrk-logo-nrk-p3-urort-on-dark.svg
  • nrk-logo-nrk-p3-urort-on-light.svg
  • nrk-logo-nrk-p3-urort-title-below-on-dark.svg
  • nrk-logo-nrk-p3-urort-title-below-on-light.svg
  • nrk-logo-nrk-p3-urort-title-below.svg
  • nrk-logo-nrk-p3-urort-with-bg.svg
  • nrk-logo-nrk-p3-with-bg.svg
  • nrk-logo-nrk-p3-x-on-dark.svg
  • nrk-logo-nrk-p3-x-on-light.svg
  • nrk-logo-nrk-p3-x-title-below-on-dark.svg
  • nrk-logo-nrk-p3-x-title-below-on-light.svg
  • nrk-logo-nrk-p3-x-title-below.svg
  • nrk-logo-nrk-p3-x-with-bg.svg
  • nrk-logo-nrk-radio-on-dark.svg
  • nrk-logo-nrk-radio-on-light.svg
  • nrk-logo-nrk-radio-title-below-on-dark.svg
  • nrk-logo-nrk-radio-title-below-on-light.svg
  • nrk-logo-nrk-radio-title-below.svg
  • nrk-logo-nrk-radio-with-bg.svg
  • nrk-logo-nrk-sami-radio-on-dark.svg
  • nrk-logo-nrk-sami-radio-on-light.svg
  • nrk-logo-nrk-sami-radio-title-below-on-dark.svg
  • nrk-logo-nrk-sami-radio-title-below-on-light.svg
  • nrk-logo-nrk-sami-radio-title-below.svg
  • nrk-logo-nrk-sami-radio-with-bg.svg
  • nrk-logo-nrk-sami-radio.svg
  • nrk-logo-nrk-sapmi-on-dark.svg
  • nrk-logo-nrk-sapmi-on-light.svg
  • nrk-logo-nrk-sapmi-title-below-on-dark.svg
  • nrk-logo-nrk-sapmi-title-below-on-light.svg
  • nrk-logo-nrk-sapmi-title-below.svg
  • nrk-logo-nrk-sapmi-with-bg.svg
  • nrk-logo-nrk-super-on-dark.svg
  • nrk-logo-nrk-super-on-light.svg
  • nrk-logo-nrk-super-title-below-on-dark.svg
  • nrk-logo-nrk-super-title-below-on-light.svg
  • nrk-logo-nrk-super-title-below.svg
  • nrk-logo-nrk-super-with-bg.svg
  • nrk-logo-nrk-trafikk-on-dark.svg
  • nrk-logo-nrk-trafikk-on-light.svg
  • nrk-logo-nrk-trafikk-title-below-on-dark.svg
  • nrk-logo-nrk-trafikk-title-below-on-light.svg
  • nrk-logo-nrk-trafikk-title-below.svg
  • nrk-logo-nrk-trafikk-with-bg.svg
  • nrk-logo-nrk-trafikk.svg
  • nrk-logo-nrk-tv-on-dark.svg
  • nrk-logo-nrk-tv-on-light.svg
  • nrk-logo-nrk-tv-title-below-on-dark.svg
  • nrk-logo-nrk-tv-title-below-on-light.svg
  • nrk-logo-nrk-tv-title-below.svg
  • nrk-logo-nrk-tv-with-bg.svg
  • nrk-logo-nrk-yr-radio-on-dark.svg
  • nrk-logo-nrk-yr-radio-on-light.svg
  • nrk-logo-nrk-yr-radio-with-bg.svg
  • nrk-logo-nrk-yr-radio.svg
• The following logos have been optimized using svgo; there is no visual difference, just fewer bytes-over-wire:
  • nrk-logo-nrk-1--colorblack.svg
  • nrk-logo-nrk-1--colorgrey.svg
  • nrk-logo-nrk-1--colorwhite.svg
  • nrk-logo-nrk-1.svg
  • nrk-logo-nrk-2--colorblack.svg
  • nrk-logo-nrk-2--colorgrey.svg
  • nrk-logo-nrk-2--colorwhite.svg
  • nrk-logo-nrk-2.svg
  • nrk-logo-nrk-3--colorblack.svg
  • nrk-logo-nrk-3--colorgrey.svg
  • nrk-logo-nrk-3--colorwhite.svg
  • nrk-logo-nrk-3.svg
  • nrk-logo-yr--blackwhite.svg
  • nrk-logo-yr--color.svg
  • nrk-logo-yr.svg

New previews

• The following resources are available for technical preview, do not use these in a production environment
  • nrk-logo-preview-nrk-1.svg
  • nrk-logo-preview-nrk-2.svg
  • nrk-logo-preview-nrk-3.svg
  • nrk-logo-preview-nrk-nyheter.svg
  • nrk-logo-preview-nrk-sport.svg
  • nrk-logo-preview-nrk-1-on-dark.svg
  • nrk-logo-preview-nrk-1-on-light.svg
  • nrk-logo-preview-nrk-1-with-bg.svg
  • nrk-logo-preview-nrk-2-on-dark.svg
  • nrk-logo-preview-nrk-2-on-light.svg
  • nrk-logo-preview-nrk-2-with-bg.svg
  • nrk-logo-preview-nrk-3-on-dark.svg
  • nrk-logo-preview-nrk-3-on-light.svg
  • nrk-logo-preview-nrk-3-with-bg.svg
  • nrk-logo-preview-nrk-nyheter-on-dark.svg
  • nrk-logo-preview-nrk-nyheter-on-light.svg
  • nrk-logo-preview-nrk-nyheter-title-below-on-dark.svg
  • nrk-logo-preview-nrk-nyheter-title-below-on-light.svg
  • nrk-logo-preview-nrk-nyheter-title-below.svg
  • nrk-logo-preview-nrk-nyheter-with-bg.svg
  • nrk-logo-preview-nrk-sport-on-dark.svg
  • nrk-logo-preview-nrk-sport-on-light.svg
  • nrk-logo-preview-nrk-sport-title-below-on-dark.svg
  • nrk-logo-preview-nrk-sport-title-below-on-light.svg
  • nrk-logo-preview-nrk-sport-title-below.svg
  • nrk-logo-preview-nrk-sport-with-bg.svg
  • nrk-logo-preview-nrk-tegnspraak-on-dark.svg
  • nrk-logo-preview-nrk-tegnspraak-on-light.svg
  • nrk-logo-preview-nrk-tegnspraak-symbol-on-dark.svg
  • nrk-logo-preview-nrk-tegnspraak-symbol-on-light.svg
  • nrk-logo-preview-nrk-tegnspraak-symbol-with-bg.svg
  • nrk-logo-preview-nrk-tegnspraak-symbol.svg
  • nrk-logo-preview-nrk-tegnspraak-title-below-on-dark.svg
  • nrk-logo-preview-nrk-tegnspraak-title-below-on-light.svg
  • nrk-logo-preview-nrk-tegnspraak-title-below.svg
  • nrk-logo-preview-nrk-tegnspraak-with-bg.svg
  • nrk-logo-preview-nrk-tegnspraak.svg

Branches that are part of this release

• implement figma 13 -branch by @skjalgepalg in #223
• fix: adjust opacity used in media-chromecast icons by @skjalgepalg in #222
• Expressive names cleanup by @skjalgepalg in #205

Full Changelog: v12.3.1...v13.0.0