Delphinus hero-element

The Delphinus hero element is designed to be located directly below the top menu of your page. Only one Delphinus hero element may be used per page. If you want to use several elements on the same page, that are similar to the hero, you are recommended to combine the Delphinus hero with the Delphinus banner element

The element is designed based on the design principles from AU IT's design system, Delphinus.

Title on the Delphinus hero

Body text appears here

Button with button text

How to create a Delphinus hero

You will find the hero under the "Container" section when you create a new element in TYPO3. First, you upload the image that you want to use in your hero element. Then you can choose between eight overall settings in the element, which determine where the image is placed in relation to the text and button in the element.

  1. The title of your hero is entered here.
  2. The subtext is filled in in the regular TYPO3 editor.
  3. Button text is filled in this field.
  4. Here you fill in the URL that the button should link to.
  5. The field makes it possible to select an arrow that is an extension of the button text. Tick checkbox if desired.
  6. Here you can choose where the text box should be placed in the hero; right, left, top or bottom. If you choose the location bottom, a new field will appear called floating text box. The floating text box allows you to choose whether the text box should be floating or not.
  7. Here you can choose which centering the text should have; left or centered.
  8. The hero's background color is chosen here, where the options are: primary (dark blue) or secondary (white) background color.