Skip Ribbon Commands
Skip to main content

Charmeck Style Guide

 

  
  
Example
Hero Image1200x447px

heroimage.png 

Top News Item160x104px

topnewsitem.png 

News Secondary Item85x84px

secondarynewsitem.png 

Events Bottom Image255x77px

eventsbottomimage.png 

Social Icon36x36px

socialicon.png 

Spotlight Image205x200px

spotlightimage.png 

Extended News Image220x220px

extendednewsimage.png 

Partner Logo150x100px

partnerlogo.png 

  
  
Example
Related News230x139px

relatednews.png 

View All News242x246px

viewallnews.png 


  
  
Example
Department Hero Image705x265px

departmentheroimage.png 

Image Carousel515x345px

imagecarousel.png 

Department News85x84px

departmentnews.png 

  
  
Example
News listing image178x150px

newslistingimage.png 

  
  
Example
Event listing image235x139px

eventlistingimage.png 

  
Example
CORPORATE LOGO

countyseal.png


 

  
  
  
  
  
Example
Stay Posted TitleLatoRegular18px#fdad28


Stay Posted FieldLatoRegular14px#ffffff


Footer TitlesLatoBold14px#fdad28

 

Stay Posted ButtonLatoRegular14px#303036

 

Footer TextLatoRegular12px#ffffff

 

Footer CopyrightLatoRegular12px#707070

 


 

  
  
  
  
  
Example
TitleLatoRegular24px#ffffff

 

Subsite ItemLatoBold14px#ffffff


 

  
  
  
  
  
Example
Subsite TitleLatoRegular14px#ffffff

​​

Subsite ItemLatoRegular12px#ffffff


TitleLatoBold18px#333333

 

Item TitleLatoBold14px#094a8e

 ​

Item TextLatoRegular12px#4d4d4d

​​

Link LinkLatoRegular12px#094a8e



 

  
  
  
  
  
Example
  
TitleLatoBold18px#333333


Filter ItemLatoRegular14px#4d4d4d


Show More LinkLatoBold12px#094a8e


All Caps


 

  
  
  
  
  
Example
Main TitlesLatoRegular24px#333333

 

Result TitleLatoBold14px#094a8e

 

Result TextLatoRegular12px#4d4d4d

 

Result LinkLatoRegular12px#094a8e



 

  
  
  
  
  
Example
Main TitlesLatoRegular24px#333333


Listing InfoLatoRegular14px#333333


List Item TitleLatoBold18px#094a8e


List Item DateLatoRegular14px#4d4d4d

 


 

  
  
  
  
  
Example
Main TitlesLatoRegular24px#333333


Sub TitleLatoBold18px#333333

 

Content TextLatoRegular16px#4d4d4d

 

Date and TimeLatoRegular12px#4d4d4d

 


 

  
  
  
  
  
Example
Main TitlesLatoRegular24px#333333


Item TitlesLatoBold14px#094a8e

​​

Item TextLatoRegular12px#4d4d4d

​​

Social TextLatoRegular11px#4d4d4d


Social LinksLatoRegular11px#1b9fca

​​

More LinksLatoRegular14px#1b9fca

​​

Employee TitleLatoRegular18px#ffffff

​​

Employee NameLatoRegular30px#fdad28

Employee Spotlight Text and LinksLatoRegular14px#ffffff

Stories TitlesLatoBold18px#094a8e

​​

Stories TextLatoRegular14px#4d4d4d

​​


 

  
  
  
  
  
Example
Megamenu ItemsLatoRegular14px#4d4d4d

MegamenuItems.png

Megamenu Items HoverLatoRegular14px#ffffff

MegamenuItemsHover.png

Megamenu TitlesLatoBold16px#1b9fca

MegamenuTitles.png

Navigation LabelsLatoRegular14px#ffffff

navigationlabels.png

  
  
Example
LatoRegular

A B C D E F G H I J K L M N O P Q R S T U V X Y Z

a b c d e f g h i j k l m n o p q r s t u v x y z

1 2 3 4 5 6 7 8 9 0 - = _ + < > ? / . , : "

LatoBold

A B C D E F G H I J K L M N O P Q R S T U V X Y Z

a b c d e f g h i j k l m n o p q r s t u v x y z

1 2 3 4 5 6 7 8 9 0 - = _ + < > ? / . , : "

  
  
  
Example
White#ffffffContent Background

white.png

Dark Blue#00367cHeader Background

DarkBlue.png

Detail Blue#edf1f2Titles Backgrounds

DetailBlue.png

Black#191919Footer Background

Black.png

Blue#064a8eTitles, Links

Blue.png

Accents Blue#1a9fcbSubsites Menu Background, Links

AccentsBlue.png

Dark Gray#333333Texts, Icons

DarkGray.png

Light Blue#6e96bdRight Column Background

LightBlue.png

Accents Orange#f7ac2dFooter Titles, Arrows, Links

AccentsOrange.png

Gray#4d4d4dTexts

Gray.png

Lighter Blue#ccd9e5Page Background

LighterBlue.png