Colors Edit

Primary Colors
  • #702c63
  • RGB (112, 44, 99)
  • CMYK (0, 60, 11, 56)
  • Pantone PMS 7657 C

Comment

Clientpoint Plum

  • #5f63ff
  • RGB (95, 99, 255)
  • CMYK (62, 61, 0, 0)

Comment

Neon Blue

  • #181a51
  • RGB (24, 26, 81)
  • CMYK (70, 67, 0, 68)

Comment

Paua

  • #ffffff
  • RGB (255, 255, 255)
  • CMYK (0, 0, 0, 0)
  • Pantone White

Comment

White

Secondary Colors
  • #d8094a
  • RGB (216, 9, 74)
  • CMYK (0, 95, 65, 15)

Comment

Crimson

  • #19e4b1
  • RGB (25, 228, 177)
  • CMYK (89, 0, 22, 10)

Comment

Spring green

  • #00b0dc
  • RGB (0, 176, 220)
  • CMYK (100, 20, 0, 13)

Comment

Iris blue

  • #f7ba0f
  • RGB (247, 186, 15)
  • CMYK (0, 24, 93, 3)

Comment

Selective yellow

  • #54565a
  • RGB (84, 86, 90)
  • CMYK (6, 4, 0, 64)
  • Pantone PMS Cool Gray 11 C

Comment

ClientPoint Charcoal Grey

  • #53547d
  • RGB (83, 84, 125)
  • CMYK (33, 32, 0, 50)

Comment

Slate Purple

  • #eaf6ff
  • RGB (234, 246, 255)
  • CMYK (8, 3, 0, 0)

Comment

Alice Blue

  • #a9a9be
  • RGB (169, 169, 190)
  • CMYK (11, 11, 0, 25)

Comment

Cool Medium Grey

  • #d4d4de
  • RGB (212, 212, 222)
  • CMYK (4, 4, 0, 12)

Comment

Pale Cool Grey

  • #efeff3
  • RGB (239, 239, 243)
  • CMYK (1, 1, 0, 4)

Comment

Light Cool Grey

Typography Edit

Typefaces
Font Link
Font Link
HTML Headings
Droid Serif Bold
40px
Character spacing: -0.25px
Line Height: 55px
Droid Serif Bold
32px
Character spacing: -0.125px
Line Height: 42px
Droid Serif Bold
22px
Line Height: 30px
Droid Serif Bold
18px
Line Height: 22px
Droid Serif Bold
14px
Line Height: 18px
Class Headings
Droid Serif Bold
80px
Character spacing: -0.5px
Line Height: 100px
Droid Serif Bold
60px
Character spacing: -0.5px
Line Height: 72px
Droid Serif Bold
46px
Character spacing: -0.5px
Line Height: 62px
Droid Serif Bold
34px
Character spacing: -0.25px
Line Height: 46px
Droid Serif Bold
24px
Character spacing: -0.25px
Line Height: 34px
Roboto Bold
20px
Line Height: 24px
Roboto Regular
22px
Line Height: 34px
Roboto Regular
20px
Line Height: 30px
Roboto Regular
14px
Line Height: 20px
Roboto Bold - Uppercase
14px
Character spacing: 2px
Line Height: 18px
Roboto Medium
12px
Line Height: 16px
Droid Serif Regular
30px
Character spacing: -0.25px
Line Height: 50px
Droid Serif Regular
27px
Character spacing: -0.25px
Line Height: 50px
Paragraphs
Roboto Regular
16px
Line Height: 26px
Blockquote
Droid Serif Regular
24px
Line Height: 40px
Border Width: 4px
Border Color: #4
Lists
Roboto Regular
16px
Line Height: 26px
Marker: decimal
Roboto Regular
16px
Line Height: 26px
Marker: square
Roboto Medium
16px
#191a51
Roboto Medium
16px
#5f63ff

Buttons Edit

Primary Button

Roboto Medium
16px
Character spacing: 0.5px

Secondary Button

Roboto Medium
16px
Character spacing: 0.5px
Border: 2px

Hover State

Roboto Medium
16px
Character spacing: 0.5px

Disabled Button

Roboto Medium
16px
Character spacing: 0.5px

Large Button

Roboto Medium
18px
Character spacing: 1px

Form Fields Edit

Text Field

Roboto Regular
16px
Text Color: #191a51
Border Radius: 5px
Padding: 20pxpx
Fill Color: #ffffff

Text Field Active

Roboto Regular
16px
Text Color: #191a51
Border Radius: 5px
Border: 2px solid
Padding: 20pxpx

Select Field

Roboto Italic
16px
Text Color: #53547d
Border Radius: 5px
Padding: 20pxpx

Assets Edit

Download

Comment

Brand Voice Guide

Download

Comment

Style guide with information for colors, typography and buttons.