HarperCollins Publishers

Consumer Site Style Guide

Logos

HarperCollins Publishers
Download HCP logo: SVG | EPS

Color Palette

Main Colors

Pop Colors

Typography

Typefaces

Lato Light
Lato Regular
Roboto
Roboto Black
Stempel Garamond Regular
Stempel Garamond Italic

Link Colors

All Links #007cc2

Sizing

Header on Author Pages 32px

color: #333333;
font-family: 'HelveticaNeueW01-55Roma';
font-size: 32px;
font-weight: bold;
      
Page Headers 24px

color: #333333;
font-family: 'HelveticaNeueW01-55Roma';
font-size: 24px;
font-weight: bold;
      
Subheaders 22px

color: #333333;
font-family: 'HelveticaNeueW01-55Roma';
font-size: 22px;
font-weight: bold;
      
Subheaders on Book and Author Pages 18px

color: #333333;
font-family: 'HelveticaNeueW01-55Roma';
font-size: 18px;
font-weight: bold;
      
List Headers / Large Body Copy 16px

color: #88898c;
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
font-size: 16px;
      
Body Copy 13px

color: #000000;
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
font-size: 13px;
      
Photo Credit 11px

color: #333333;
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
font-size: 11px;
      

Header

Main Navigation 16px

color: #007cc4;
font-family: 'HelveticaNeueW01-65Medi';
font-size: 16px;
      
Dropdown Headers 16px

color: #88898c;
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
font-size: 16px;
      
Links 13px

color: #007cc4;
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
font-size: 13px;
      

Footer

Small Header Text 11px

color: #484747;
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
      
Small Link Text 11px

color: #77787b;
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
font-size: 11px;
      
Small Copyright Text 11px

color: #484747;
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
font-size: 11px;