Skip to main content

Global styles

Component styles

Heros multi box

Description

Hero multi boxes has - 10 grid variations.

This hero also uses a masonary grid where the layout based on columns that does not have a fixed height for rows. Without a row height requirement, you can place elements based on the vertical space available.

Box type (Max 4 boxes in layout)

  • Narrow box
  • Wide box (1 wide box fills the space of 2 narrow boxes)

Content

  • Tag
  • Title
    • Pre-text infront of title
  • Text
    • Pre-text infront of introductory
  • Link or search bar depending on box-type content (Search bar is only possible in box-type wide)

Media content options

  • Image
  • Background colors
    • Primary
    • Secondary
    • Article colors (needs to be outfased)

Height

  • Fit-content (auto)
  • Full-height (100vh) - Default
media box image
Search

One box wide - with search-bar

Tip: For best results use single keywords...

media box image
Search

One box wide - with search-bar - bg primary

Tip: For best results use single keywords...

Height

Height auto - bg primary

Tip: For best results use single keywords...

Height

Height auto - bg primary

Tip: For best results use single keywords...

Suggestions title

media box image

Suggestions title

Height

Height auto - bg primary

Tip: For best results use single keywords...

media box image