Skip to main content

Assets CDN

As a design system we provide a versioned CDN for our assets.

Focus CDN​

Focus is the CDN for Mediahuis. We will use it as a way to have access to our assets.

How to use​

To retrieve an asset from the CDN, follow this URL structure:

https://focus.[brandName].[domain]/raw/prod-mh-design-system/[version]/[brandShort]/[assetType]/[assetName].[extension]

For instance, for the brand-main logo of Gazet van Antwerpen for version 4.4.2:

https://focus.gva.be/raw/prod-mh-design-system/4.4.2/gva/logos/brand-main.png

For the same asset under Luxembourg Times:

https://focus.luxtimes.lu/raw/prod-mh-design-system/4.4.2/lt/logos/brand-main.png

For multibranded instances, the brandUrlcan be changed to focus.mediahuisgroup.com.

https://focus.mediahuisgroup.com/raw/prod-mh-design-system/4.4.2/nb/logos/brand-main.png
List of domains for brands
  • focus.aachener-zeitung.de
  • focus.belfasttelegraph.co.uk
  • focus.gooieneemlander.nl
  • focus.gva.be
  • focus.haarlemsdagblad.nl
  • focus.hbvl.be
  • focus.ijmuidercourant.nl
  • focus.independent.ie
  • focus.leidschdagblad.nl
  • focus.limburger.nl
  • focus.luxtimes.lu
  • focus.nieuwsblad.be
  • focus.noordhollandsdagblad.nl
  • focus.standaard.be
  • focus.sundayworld.com
  • focus.telecran.lu
  • focus.telegraaf.nl
  • focus.virgule.lu
  • focus.wort.lu

For more info about Focus.

Versioning​

Asset versions correspond to the versioning of the design system. As an example, for the brand-main logo under version 4.3.0:

https://focus.gva.be/raw/prod-mh-design-system/4.3.0/gva/logos/brand-main.png

What's available​

Currently we provide you:

  • logos (.svg and .png),
  • fonts (font files and CSS files),
  • favicons
  • tokens.css (since v5.1.0).

Note: You can use the chameleon-theme-* NPM package lib/ folder to guide you on the correct paths to use. (until we document this a bit better)

When to use​

For those utilizing the Chameleon packages (through NPM, SPM or Gradle @mediahuis/chameleon-*), it's recommended to pull assets directly from there. However, if you need just the asset URL, the CDN is probably your go-to.

Legacy CDN​

Prior to adopting Focus as our primary CDN, assets were hosted on https://shared.mediahuis.be/. Please note that this service is now deprecated.

The versioning system on the Legacy CDN was more basic, categorized into three main versions: v1, v2, and latest.

An example URL for accessing the brand-main logo of Gazet van Antwerpen under version 1 would look like this:

https://shared.mediahuis.be/logos/gva/v1/brand-main.png

Moving forward, all users are encouraged to migrate their asset links to the Focus CDN to ensure continued access and support.