Regular style page head
The page headline consists of a keyline and infoline. It reflects the message concept – a central characteristic of our brand design
Font size: Small
Font size: Medium (default)
Font size: Large
How it works
How it works
- The page headline is an element that is displayed on each content page.Â
- It consists of a mandatory keyline and infoline.  Also a headline caption can be inserted.
- For the keyline, three font sizes are available
- small
- medium (default)
- large  Â
- The infoline always has the same font size. Optionally, you can highlight individual words with bold, but not the entire infoline, and avoid using italic.
- The property allows to define a variation of the infoline (shorter version of the text) which is pulled to the Search Driven Activity Stream instead of the Infoline.
- Margin below page heads
- Hiding the bottom margin allows eliminating white space between page heads that have an image and a Top Level Grid (or other Top Level component) that has a background color.
Only use for these cases.
- Hiding the bottom margin allows eliminating white space between page heads that have an image and a Top Level Grid (or other Top Level component) that has a background color.
How to use it
How to use it
- For a good user experience we ensure that the keyline gives a clear and concise indication of the content of the page, including the 2-3 main keywords of the page.
- Font sizes may vary across pages of your site. However, try to establish patterns to maintain a degree of consistency. A pattern might be using large and short keylines on overview pages and smaller more wordy keylines on lower level pages.Â
- Alternatively, you might apply different sizes to different categories of your site.Â
Crosslinks
Further information
Further information
Please refer to our brand design guidelines on details about using the message concept with key and infoline.
Reference for publisher
The Page Headline component is a fixed element on top of the content area of all FIT templates.
The property allows to define a variation of the info line (shorter version of the text) which is pulled to the Search Driven Activity Stream instead of the Info Line.
The desired style can be selected here.