picomountain-logo-white script

Base
Primary
Secondary
Tertiary
Quaternary
Jump to Top of Page

HEADER -- #3b3937

CONTENT -- #606060
LINK TEXT -- #b7b186 /// LINK TEXT (Hover) -- #006a51
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 -- #dedede -- The border around this container and the <hr /> divider lines are the border color for the selected color profile (base)

BUTTON BACKGROUND -- #b7b186

BUTTON TEXT -- #006a51

BUTTON BACKGROUND (Hover) -- #006a51

BUTTON TEXT (Hover) -- #b7b186

BUTTON BACKGROUND (Active) -- #b7b186

BUTTON TEXT (Active) -- #006a51

BUTTON BACKGROUND (Inactive) -- #dedede

BUTTON TEXT (Inactive) -- #006a51

Arrow Left

ICON -- #b7b186

ICON (Hover) -- #006a51

Arrow Right

ICON -- #b7b186

ICON (Hover) -- #006a51

Snow

ICON -- #b7b186

ICON (Hover) -- #006a51

content-sun

ICON -- #b7b186

ICON (Hover) -- #006a51

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: "ChollaSlabBold", "Times New Roman"

H2 -- Font size: 28px -- Font family: "ChollaSlabBold", "Times New Roman"

H3 -- Font size: 18px -- Font family: "ChollaSlabBold", "Times New Roman"

H4 -- Font size: 16px -- Font family: "ChollaSlabBold", "Times New Roman"

H5 -- Font size: 14px -- Font family: "ChollaSlabBold", "Times New Roman"
H6 -- Font size: 13px -- Font family: "ChollaSlabBold", "Times New Roman"

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

  • li -- Font size: 16px -- Font family: "vendettamedium", sans-serif
  • li -- Font size: 16px -- Font family: "vendettamedium", sans-serif
  • li -- Font size: 16px -- Font family: "vendettamedium", sans-serif
  • li -- Font size: 16px -- Font family: "vendettamedium", sans-serif