Colour Palette and Text Styles

Colours
  Hex Value
Style Tag
 
Grey (default text)  #52514F Default - Grey - 14px
  Green (hyperlinks)  #55891A Applied by default
  Gold (subtitles)  #EAA800 H2 - Gold - 18px
  Dark Green (headings)  #2F530F H3 - Green - 15px
  Dark Grey (subheadings)  #232323 H4 - Black - 14px

Note: Text styles are applied using the Format drop-down menu in the Rich Text component in CQ. Refer to the CQ tutorials for more information.

Example of use:

Subtitles are used directly under the page title

Heading 1

Default text. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Subheading 1a

Duis aute irure dolor in reprehenderit in voluptate.

  • Velit esse cillum dolore eu fugiat nulla pariatur.
  • Excepteur sint occaecat cupidatat non proident.
  • Sunt in culpa qui officia deserunt mollit anim id est laborum.

Heading 2

Default text. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Subheading 2a

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Titles and headings

Titles and headings are important; they provide users a glimpse of your content and organize your content into readable "chunks." For best practices, see titles and headings.