Hero

Hero with icon, heading, summary and button

Hero2

Note!
"Hero" on blog posts and "Hero" on website pages are two different modules. The blog module should not be used, as it is part of the Integration template. An example at the end of the page shows why.

Blog



Website and Landing Pages

 

Content

  • Top icon
    • Add the icon in exact size - as an .svg-file.
  • Badge
  • Heading
  • Ingress
  • Button
    • Link
    • Button text
    • Button icon
      • Size options (doesn't work?)

Styles

No styling options.

 

Example

The example at the bottom of the page shows the Hero module in a blog. It should NOT be used in blogs, but hidden as a choice (part of the Integration template!

Can be used on website and landing pages!

Here’s how it will appear on a landing page:





 

Note

"Hero" on blog posts and "Hero" on website pages are two different modules. The blog module should not be used, as it is part of the Integration template. An example at the end of the page shows why.

Blog



Website and Landing Pages

 

Blogs: Hide "Hero" as a choice?

Improvements

Icon size doesn't work? Unless I’m overlooking something, this option should be removed to prevent confusion.


Module in use:

Integration name

Supporting text

Mobile-phone_DT-33710787


You can add this module in:

How can we help?

We’re here for every step of your employee journey. From intuitive software for people management to hands-on learning programs and expert support from our legal team — we've got you covered.

Vector Get HR news straight to your inbox

Stay updated on HR, leadership, and work life. Choose between our Norwegian and Swedish newsletters.
Get HR updates

Vector Need a hand? We’re here to help!

Find FAQs, release notes, and more in our Support Center. We're here for you!
Go to support