Logo

Bemærk! Klimadatastyrelsens logo må kun bruges af Klimadatastyrelsen.

Demoside med logo findes her.

Web component

Du kan bruge <ds-logo> elementet til at vise et logo. Det giver dig adgang til at style og skalere logoet.

Det kræver, at du importerer DSLogoTitle eller DSLogo fra designsystem.js

// Sådan ville du importere fra designsystem NPM-pakken, som du har installeret import { DSLogoTitle, DSLogo } from '@dataforsyningen/designsystem' // Sådan ville du importere fra en lokal mappe PATH import { DSLogoTitle, DSLogo } from 'PATH/assets/designsystem.js' customElements.define('ds-logo', DSLogo) customElements.define('ds-logo-title', DSLogoTitle)

Derefter kan logo/bomærke og logotypografi sættes op som vist herunder.


SVG-filer

Du kan finde SVG-logofiler under ../assets

Logo i forskellige størrelser

<ds-logo>-elementet skalerer selv i forhold til hvor meget plads, der er.

Du kan bruge classes black/white/transparent til at vise forskellige varianter af logoet.

Favicon/bogmærkeikon

Som favicon bruges logo-small.svg

For at bruge det skal du indsætte denne linie i HTML <head> sektionen. Sørg for at PATH svarer til logofilens placering på serveren.

  <link rel="icon" href="PATH/logo-small.svg">

Denne fil følger med i @dataforsyningen/designsystem pakken under
/assets/logo-small.svg

Custom logo

Logo kan styles med andre farver, hvis der er behov for det.