Skip to Main Content
Skip to content
Cloverleaf Innovation
  • Collaboratory
  • FAQs
  • Contact Us
  • Services
  • Philosophy
  • Process
  • Team
  • Client

Style Guide

Please reference the list below whenever you're creating new images for your site. You should find a size for all possible images you'll need/use.

Images Sizes

  • Slideshow: 1600px by 600px (Keep best part of picture inside the 1000px center area.)
  • Interior Header Image: 1600px by 420px (Keep best part of picture inside the 1000px center area.)
  • Sidebar Image / Video: 300px by 250px or Varying Height
  • Flickr Image Thumbnails: 74px x 74px
  • Showroom Partner Image: 460px x 290px

Font Specifics

  • H1 - Brandon Grotesque, 32/40px, Bottom-margin 30px, #000
  • H2 - Brandon Grotesque, Medium, 25/32px, Letter-Spacing -25px, Bottom-margin 15px, #000000
  • H3 - Brandom grotesque, 18/24px, Letter-spacing +100px, Bottom-margin 5px, #000000, All Caps
  • H4 - Brandon Grotesque, 22/33px, Bottom-margin 15px, #8b8e96
  • H5 - Brandon Grotesque, 18/25px, Bottom-margin 10px, #666973
  • H6 - Trebuchet Ms, Bold, 14/18px, Letter-spacing -25px, #000000
  • Paragrah Text - Trebuchet MS, 14/24px, Bottom-margin 15px, #666973
  • Inline Links, Trebuchet MS, 14/24px, Bottom-margin 15px, #0097d7, Underline
  • Rollover Links, Trebuchet MS, 14/24px, Bottom-margin 15px, #0097d7, No Underline

Site Color Values

 

#0097d7

 

#8b8e96

 

#666973

 

#000000

 

#FFFFFF

Sitemap | Legal | Privacy
  • YouTube
  • RSS
  • Facebook
  • Twitter
  • Linked In
© 2019 Cloverleaf Innovation LLC