Skip to main content

Crohn's & Colitis HubStyleguide

Font

Montserrat (400,400i,500,600)
https://fonts.google.com/specimen/Montserrat

Colours

  • primary_colour (#0070BA)

  • secondary_colour (#00A64F)

  • tertiary_colour (#FBB900)

  • quaternary_colour (#00386C)

Primary Header (<h1></h1>)

Example Primary Heading

Secondary Header (<h2></h2>)

Example Secondary Heading

Tertiary Header (<h3></h3>)

Example Tertiary Heading

Quaternary Header (<h4></h4>)

Example Quaternary Heading

Body Copy (<p></p>)

Church-key butcher photo booth YOLO chia leggings fashion axe small batch truffaut. Palo santo direct trade cronut mustache pour-over polaroid franzen. Skateboard letterpress actually subway tile succulents, gentrify microdosing enamel pin forage disrupt chillwave green juice gastropub direct trade.

Vegan bitters meh occupy bicycle rights adaptogen. Four dollar toast everyday carry kinfolk wolf flexitarian cardigan flannel master cleanse hot chicken pour-over migas intelligentsia la croix. Adaptogen irony gentrify, chartreuse seitan cold-pressed fam.

Anchor Link (<a href=""></a>)

Standard body text link

Buttons

btn     btn-primary     btn-secondary     btn-tertiary

Custom Font (Styled)

                       

Custom Font

cch_arc-left
cch_arc-right
cch_arrow-down
cch_arrow-right
cch_comment
cch_connect
cch_dollar
cch_download
cch_ebook
cch_email
cch_facebook-1
cch_facebook-2
cch_facebook
cch_health
cch_heart
cch_information
cch_instagram-1
cch_instagram-2
cch_instagram-3
cch_mail
cch_play
cch_search
cch_share
cch_snapchap
cch_twitter-1
cch_twitter-2
cch_twitter
cch_youtube-1
cch_youtube-2
cch_youtube
cch_sbm-sb
cch_sbm-m
cch_77-logo
cch_77
cch_menu
cch_instagram
cch_bg-circle
cch_bg-hexagon
cch_bg-pin
cch_bg-round-1
cch_bg-round-2
cch_bg-round-3
cch_bg-speech
cch_bg-square