Color Palette: Hero Colors
  • Hero Purple
    #534292
  • Hero Blue
    #3A89E6
Color Palette: Alert Colors
  • Alert Green
    #76C187
  • Alert Yellow
    #FFAF50
  • Alert Red
    #FF5454
Color Palette: Neutral Colors
  • Neutral White
    #FFFFFF
  • Neutral White Dark
    #F5F5F7
  • Neutral Grey Light
    #E7E7EC
  • Neutral Grey
    #CBCBD2
  • Neutral Grey Dark
    #ACACB4
  • Neutral Grey Alt
    #D4D3DD
  • Neutral Alt 2
    #8F8F98
  • Neutral Black
    #3F3F44
Navigational
  • Dashboard
    State: inactive
  • Search
    State: inactive
  • Swap / Move
    State: inactive
  • Settings
    State: inactive
  • Dashboard
    State: active
  • Search
    State: active
  • Swap / Move
    State: active
  • Settings
    State: active
Functional
  • Arrow Standard
    State: normal
  • Caret Down
    State: normal
  • Close
    State: normal
  • Search
    State: normal
  • Sort
    State: normal
Download Icons
Standard Font Family: Roboto Sans Serif

a

b

c

d

e

f

g

h

i

j

k

l

m

n

o

p

q

r

s

t

u

v

w

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

w

x

y

z

Standard Headers

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
Standard Body Copy

The quick brown fox jumps over the lazy dog.

Sample Code
  <head>
    <!-- Fonts -->
    <link href='https://fonts.googleapis.com/css?family=Roboto:100,400,700,400italic' rel='stylesheet' type='text/css'>
  </head>