HEADER -- #000000

CONTENT -- #000000
Lorem ipsum dolor sit amet, consectetur adipiscing elit,s sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, this is a link here as an example for link and link hover state inside of a block of text ut aliquip ex ea commodo consequat. 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 of

BORDER -- #C4C4BF -- The border around this container and the <hr /> divider lines are the border color for the selected color profile (base)


BUTTON BACKGROUND -- #009CDB

BUTTON TEXT -- #FFFFFF

BUTTON BACKGROUND (Hover) -- #000000

BUTTON TEXT (Hover) -- #FFFFFF

BUTTON BACKGROUND (Active) -- #009CDB

BUTTON TEXT (Active) -- #ffffff

BUTTON BACKGROUND (Inactive) -- #C4C4BF

BUTTON TEXT (Inactive) -- #4A4A4A


Arrow Left

ICON -- #009CDB

ICON (Hover) -- #000000

Arrow Right

ICON -- #009CDB

ICON (Hover) -- #000000

Snow

ICON -- #009CDB

ICON (Hover) -- #000000

content-sun

ICON -- #009CDB

ICON (Hover) -- #000000


WYSIWIG Content Font Sizes and Examples

This applies to the following components: UI HTML, UI Footer, UI Header, Dynamic Content body content

H1 -- Font size: 32px -- Font family: "Geom Slab_703 W01 Bold", "Times New Roman"

H2 -- Font size: 28px -- Font family: "Geom Slab_703 W01 Bold", "Times New Roman"

H3 -- Font size: 18px -- Font family: "Geom Slab_703 W01 Bold", "Times New Roman"

H4 -- Font size: 16px -- Font family: "Geom Slab_703 W01 Bold", "Times New Roman"

H5 -- Font size: 14px -- Font family: "Geom Slab_703 W01 Bold", "Times New Roman"
H6 -- Font size: 13px -- Font family: "Geom Slab_703 W01 Bold", "Times New Roman"

p -- Font size: 16px -- Font family: "Geom Slab_703 W01 Light", sans-serif /// Breakpoint at 1600px screen size or higher -- font-size: 18px;

  • li -- Font size: 16px -- Font family: "Geom Slab_703 W01 Light", sans-serif
  • li -- Font size: 16px -- Font family: "Geom Slab_703 W01 Light", sans-serif
  • li -- Font size: 16px -- Font family: "Geom Slab_703 W01 Light", sans-serif
  • li -- Font size: 16px -- Font family: "Geom Slab_703 W01 Light", sans-serif