Brand Guidelines
We're not big on rules, but we've created a set of guidelines to help you bring our brand to life.
On this site, you'll find high-level guidelines and the assets our partners use most. Check out our Big Blue Guide if you'd like to take a deeper dive into our brand.
Recommended TOPPAN Brand colour palette
By creating a centralized, localized resource for approved brand assets, we avoid having to search Google for logos, colours and supporting elements. Everything comes directly from TOPPAN as the approved source, ensuring consistency while saving time and effort.
Primary Brand Blue
Logo, buttons, links, key brand elements
HEX: #0168B4
RGB: 1 / 104 / 180
CMYK: 99 / 42 / 0 / 29
HSL: 205°, 99%, 35%
HSV / HSB: 205°, 99%, 71%
RGB % 0.4%, 40.8%, 70.6%
Secondary
Headlines, premium sections, navigation, contrast
HEX #123B5D
RGB: 18/ 59/ 93
CMYK:
HSL:
HSV / HSB:
RGB %
Accent / Tertiary
Highlights, diagrams, data, hover states
HEX #39BDE8
RGB: 57/ 189/ 232
CMYK:
HSL:
HSV / HSB:
RGB %
Typography (this is a test only)
For typography, navigation and stronger contrast. 10% — #123B5D Deep Navy
Helvetica Neue LightABCDEFGHIJKLMNOPQRSTU abcdefghijklmnopqrstuvwxyz0123456789/8%@?!.
Helvetica Neve RomanABCDEFGHIJKLMNOPQRSTU abcdefghijklmnopqrstuvwxyz0123456789/8%@?!.
Helvetica Neue MediumABCDEFGHIJKLMNOPQRSTU abcdefghijklmnopqrstuvwxyz0123456789/8%@?!.
Helvetica Neue BoldABCDEFGHIJKLMNOPQRSTU abcdefghijklmnopqrstuvwxyz0123456789/8%@?!.
Body typography is set in Sharp Sans Pro Medium (500), and Sharp Sans Pro Bold (600).