The name "Title" for this component is a bit misleading as in fact it is a heading component, and therefore used to place a headline at a designated place, whether it is within or outside of columns or other components.
(Titles for pages are edited in the "Properties" of a page).

You are free to use it where necessary as long as the semantics are correct.

• The headline sizes are used according to their semantic importance,  where heading 1 equals the HTML <h1>-tag, heading 2 equals the HTML<h2>-tag and so on. In some cases it is not necassary to place a <h1> heading, as this happens in the "Simple Header", "Product Detail Header" etc. If <h1> tag is already provided on the page, start tagging the content copy with heading 2, as we sized both tags with the same style.
  
• For semantic details see below in the "Good to know" section.
• Always be sure to have at least one <h1> per page.
• Heading H3 is for subheadlines mainly.
• Heading H4 is for paragraphs mainly.
• Heading 5 and Heading 6 should not be used, as they appear automatically by using certain components!

• A simple headline may be aligned center or left.
• Teaser sections with just a headline and a subline generally should be aligned with centered text. 
• As a few more lines of text are added, left aligned text should be considered instead of center alignment.

• Use italic style to focus on certain parts of the title.
• A simple headline may be aligned center or left.
• Teaser sections with just a headline and a subline generally should be aligned with centered text. 
• As a few more lines of text are added, left aligned text should be considered instead of center alignment.

• A maximum of 2 Titles per page should be marked "text highlight".
• Never use highlighted text on chromatic, design colored backgrounds, but highlight colors may be used to increase readability on background images or background videos.