HarperCollins Publishers

Consumer Site Style Guide

Logos

HarperCollins Publishers
Download HCP logo: SVG | EPS

Color Palette

Main Colors

Pop Colors

Special Event Colors

Use CSS style in navigation panel.

Typography

Typefaces

Stempel Garamond Regular
Stempel Garamond Italic
Muli Regular
Muli Italic
Muli Bold

Link Colors

All Links #007cc2

Interactive Elements

Buttons


button {
  font-family: Muli,sans-serif;
  background: #d8292f;
  border: 1px solid #d8292f;
  transition: all .3s;
  font-weight: 700;  
  color: #fff;
  font-size: 16px;
  height: 42px;
  line-height: 15px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  text-transform: uppercase;  
}

button:hover {
  background: #ff0009;
  border: 1px solid #ff0009;
}

button:active {
  color: #ff7900;
}

button:active,
button:focus {
  outline: 2px dotted maroon;
}
      

button {
  font-family: Muli,sans-serif;
  transition: all .3s;
  font-weight: 700;  
  font-size: 16px;
  height: 42px;
  text-decoration: none;
  width: 20%;
  color: #f60;
  border: 2px solid #f60;
  text-align: center;
  background-color: #fff;
  padding: 10px;
  cursor: pointer;
}

button:hover {
  color: #fff;
  background-color: #f60;
}

button:active,
button:focus {
  outline: 2px dotted maroon;
}