LABEL
Notification title
Icon Pressed
#00AF86
#00AF86
Icon default
#25303B
#25303B
Icon disabled
#D2DBE0
#D2DBE0
Icon highlighted
#2FD2A8
#2FD2A8
Icon with badge
Verdana Bold 8 pt
#FFFFFF
Verdana Bold 8 pt
#FFFFFF
Box 1
background: #FFFFFF;
border: 1px solid #D2DBE0;
box-shadow: 0 7px 8px 0 #D2DBE0;
background: #FFFFFF;
border: 1px solid #D2DBE0;
box-shadow: 0 7px 8px 0 #D2DBE0;
Search Box Default
body_disabled
body_disabled
Search Box Focus
body
body
Input Default
body_disabled
body_disabled
Input Focus
caption + body
caption + body
Input Filled
caption + body
caption + body
Dropdown Default
body
body
Dropdown Open
body #2FD2A8
body #2FD2A8
Positive Notification
Subheader + body default
Subheader + body default
Box 2
background: #F6F8F9;
border: 1px solid #D2DBE0;
box-shadow: 0 7px 8px 0 #D2DBE0;
background: #F6F8F9;
border: 1px solid #D2DBE0;
box-shadow: 0 7px 8px 0 #D2DBE0;
Box 3
background: #4E687E;
border: 1px solid #D2DBE0;
box-shadow: 0 7px 8px 0 #D2DBE0;
border-radius: 8px;
background: #4E687E;
border: 1px solid #D2DBE0;
box-shadow: 0 7px 8px 0 #D2DBE0;
border-radius: 8px;
Inactive Elements
#D2DBE0
#D2DBE0
Accent (EB Green)
#2FD2A8
#2FD2A8
Background
#FFFFFF
#FFFFFF
Background
Secondary
#F6F8F9
Secondary
#F6F8F9
Blue dark
#25303B
#25303B
Blue light
#4E687E
#4E687E
Subheader
Subheader
Body
Body disabled
Body Highlighted
Body Small
Header 2
Header 1
Header 2
Header 1
Header 2 Disabled
#D2DBE0
#D2DBE0
Header 1 Disabled
#D2DBE0
#D2DBE0
Header 3 Disabled
#D2DBE0
#D2DBE0
Body Highlighted
#2FD2A8
#2FD2A8
1 pt #D2DBE0
3 pt #2FD2A8
Range
Flat default + selected
Flat default + selected
Toggle
Montserrat Bold
14 pt
Off: #25303B
On: #2FD2A8
Disabled: #D2DBE0
Montserrat Bold
14 pt
Off: #25303B
On: #2FD2A8
Disabled: #D2DBE0
Radio
Checkbox
FAB
OFF
ON
DISABLED
Disabled
#D2DBE0
#D2DBE0
Important
background: #2FD2A8
box-shadow: 0 6px 24px 0 #2FD2A8
background: #2FD2A8
box-shadow: 0 6px 24px 0 #2FD2A8
Pressed
#00AF86
#00AF86
Pressed
background: #00AF86
background: #00AF86
Selected
#FFFFFF
background: #2FD2A8
#FFFFFF
background: #2FD2A8
Disabled
background: #D2DBE0
background: #D2DBE0
Header 2 Default
Montserrat Bold
26 pt
#25303B
Montserrat Bold
26 pt
#25303B
Header 1 Default
Montserrat Bold
34 pt
#25303B
Montserrat Bold
34 pt
#25303B
Header 3 Default
Montserrat Medium
18 pt
#25303B
Montserrat Medium
18 pt
#25303B
Body
Verdana Regular
16 pt
#000000
Verdana Regular
16 pt
#000000
Body disabled
Verdana Regular
16 pt
#BCC4CA
Verdana Regular
16 pt
#BCC4CA
Body small / Caption
Verdana Regular
12 pt
#4E687E
Verdana Regular
12 pt
#4E687E
Counter
Montserrat Bold
26 pt
#2FD2A8
Montserrat Bold
26 pt
#2FD2A8
Tab Label
Montserrat Bold
Uppercase
17 pt
#25303B (default)
#2FD2A8 (highlighted)
Montserrat Bold
Uppercase
17 pt
#25303B (default)
#2FD2A8 (highlighted)
Body link
Verdana Regular
16 pt underlined
#2FD2A8
Verdana Regular
16 pt underlined
#2FD2A8
Link
100%
Icons
Layout
Fields
Dropdown
Notification
Option 1
Search
Typing…
Box 2
Box 3
Box 1
Charts
Colors
Text Styles
LABEL
LABEL
PARENT /
CHILD
#2FD2A8
#2F88D2
#2F37D2
#7D2FD2
#D430B9
#EA344B
#F96738
#F99D38
#F9C338
#F9EA38
#D4ED35
#5ED931
LABEL
OPTION 1
OPTION 2
OPTION 3
LABEL
LABEL
LABEL
LABEL
LABEL
LABEL
2
Label
Typing…
Label
Typed
Label
Option 1
Option 2
Option 3