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
- Tags
- 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
- Image
- Background colors
- Component colors
- Primary
- Secondary
- Article colors
- Article 0
- Article 1
- Article 2
- Article 3
- Article 4
- Article 5
- Component colors
Hero article - Default
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
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
Hero article - Default with page icon
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
Hero article - with image
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Hero article - with video
Hero article - with video
Uses poster image as image for components that inherit the article information, but dont take a video.
Hero article - background colors
Hero article - primary background color
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Hero article - secondary background color
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
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.
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.
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.
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.
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.
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.
Hero article - with backgroud color & image
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.

Hero article - Highlighted pre-text field for title
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.
Hero article - Highlighted pre-text field for introductory
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.
Hero article - Highlighted pre-text field for title & introductory
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.
Watermark
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.
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