Skip to main content

Global styles

Component styles

Heros article (Default article page)

Description

This page illustrates options for 'Heros article' for the default article page.

Mandatory features

  • Title
  • Introductory

Optional features

  • Icon
  • Highlighted pre-text field
    • Pre-text infront of title
    • Pre-text infront of introductory
  • Tags
    • Tags
      • Tag default
      • Tag with background color
    • Date & date placement (Top or/and bottom of page)
    • Autor & author placement (Before or after hero image)
    • Older than tag
    • Last updated tag
  • Media
    • Image
      • Aspect ratio None
      • Aspect ratio 1:1 (Square)
      • Aspect ratio 3:2 (Standard or new default)
      • Aspect ratios 4:5 (Poster)
      • Aspect ratio 16:5 (Banner)
    • Video
      • Aspect ratio 16:9 (Video)
    • Watermark
  • Background colors
    • Component colors
      • Primary
      • Secondary
    • Article colors
      • Article 0
      • Article 1
      • Article 2
      • Article 3
      • Article 4
      • Article 5

Hero article - Default

Tag
Regler
Kommune

Hero article - Default

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat

Older than 1 year
Older than 1 year
19. okt. 2019
Last updated 19. okt. 2019
Written by:
Author: John Doe
Tag with background

Hero article - Default

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat

Older than 1 year
Older than 1 year
19. okt. 2019
Last updated 19. okt. 2019
Written by:
John Doe

Hero article - Default with page icon

Tag
Regler
Kommune

Hero article:Default with page icon

Hero article:Default with page icon

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat

Hero article - with image

Tag
Regler
Kommune

Hero article - with image

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

19. okt. 2019
hero image

Hero article - with video

Tag
Regler
Kommune

Hero article - with video

Uses poster image as image for components that inherit the article information, but dont take a video.

19. Nov. 2042

Hero article - background colors

Tag
Regler
Kommune

Hero article - primary background color

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

19. okt. 2019
Tag with background

Hero article - secondary background color

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Older than 1 year
Older than 1 year
19. okt. 2019
Last updated 19. okt. 2019
Written by:
John Doe
Tag with background

Hero article - article 0 background color

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Older than 1 year
Older than 1 year
19. okt. 2019
Last updated 19. okt. 2019
Written by:
John Doe
Tag
Regler
Kommune

Hero article - article 1 background color

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

19. okt. 2019
Tag
Regler
Kommune

Hero article - article 2 background color

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

19. okt. 2019
Tag
Regler
Kommune

Hero article - article 3 background color

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

19. okt. 2019
Tag
Regler
Kommune

Hero article - article 4 background color

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

19. okt. 2019
Tag
Regler
Kommune

Hero article - article 5 background color

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

19. okt. 2019

Hero article - with backgroud color & image

Tag
Regler
Kommune

Hero article - with backgroud color & image

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

29. okt. 2019
hero image

Hero article - Highlighted pre-text field for title

Tag
Regler
Kommune

Pre-text title: Hero article - Default

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

19. okt. 2019

Hero article - Highlighted pre-text field for introductory

Tag
Regler
Kommune

Hero article - Default

Pre-text introductory: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

09. okt. 2023

Hero article - Highlighted pre-text field for title & introductory

Tag
Regler
Kommune

Pre-text title: Hero article - Default

Pre-text introductory: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

19. okt. 2019

Watermark

Watermark alt
Tag with background

Hero article - article 0 background color

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Older than 1 year
Older than 1 year
19. okt. 2019
Last updated 19. okt. 2019
Written by:
John Doe
Watermark alt
Tag
Regler
Kommune

Hero article - Default

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat

Older than 1 year
Older than 1 year
19. okt. 2019
Last updated 19. okt. 2019
Written by:
Author: John Doe