Colors Edit
Primary Colors
- #d21a27
- RGB (210, 26, 39)
- CMYK (0, 87, 81, 17)
Comment
Varonis Red
- #212234
- RGB (33, 34, 52)
- CMYK (36, 34, 0, 79)
Comment
Dark Navy
- #1d3261
- RGB (29, 50, 97)
- CMYK (70, 48, 0, 61)
Comment
Catalina Blue
- #4a90e2
- RGB (74, 144, 226)
- CMYK (67, 36, 0, 11)
Comment
Cornflower Blue
- #4d5880
- RGB (77, 88, 128)
- CMYK (39, 31, 0, 49)
Comment
Dark Slate Blue
- #ffbd35
- RGB (255, 189, 53)
- CMYK (0, 25, 79, 0)
Comment
Bright Golden Yellow
Secondary Colors
- #f6871f
- RGB (246, 135, 31)
- CMYK (0, 45, 87, 3)
Comment
Carrot Orange
- #0193a7
- RGB (1, 147, 167)
- CMYK (99, 11, 0, 34)
Comment
Varonis Turquoise
*only use if requested by client
- #024da1
- RGB (2, 77, 161)
- CMYK (98, 52, 0, 36)
Comment
Cobalt
- #ed623a
- RGB (237, 98, 58)
- CMYK (0, 58, 75, 7)
Comment
Red Orange
- #491b3a
- RGB (73, 27, 58)
- CMYK (0, 63, 20, 71)
Comment
Blackberry
- #55585b
- RGB (85, 88, 91)
- CMYK (6, 3, 0, 64)
Comment
Bright Grey
- #939ca3
- RGB (147, 156, 163)
- CMYK (9, 4, 0, 36)
Comment
Grey Chateau
- #dee3e6
- RGB (222, 227, 230)
- CMYK (3, 1, 0, 9)
Comment
Patten Blues
- #f7f8fc
- RGB (247, 248, 252)
- CMYK (1, 1, 0, 1)
Comment
Ghost White
Typography Edit
Typefaces
HTML Headings
Proxima Nova Bold
38px
Line Height: 48px
Proxima Nova Bold
32px
Line Height: 42px
Proxima Nova Bold
28px
Line Height: 38px
Proxima Nova Bold
24px
Line Height: 34px
Proxima Nova Bold
20px
Line Height: 30px
Class Headings
Proxima Nova Bold
60px
Line Height: 65px
Proxima Nova Bold
56px
Line Height: 56px
Proxima Nova Bold
50px
Line Height: 56px
Proxima Nova Bold
45px
Line Height: 54px
Proxima Nova Bold
36px
Line Height: 45px
Proxima Nova Bold
32px
Line Height: 38px
Proxima Nova Light
15px
Line Height: 28px
Proxima Nova Light
25px
Line Height: 36px
Proxima Nova Light
40px
Line Height: 55px
Proxima Nova Semibold
20px
Line Height: 24px
Proxima Nova Semibold
14px
Character spacing: 1.4px
Line Height: 17px
Proxima Nova Semibold
12px
Character spacing: 1.2px
Line Height: 15px
Paragraphs
Proxima Nova Light
18px
Line Height: 28px
Blockquote
Proxima Nova Regular
18px
Line Height: 32px
Border Width: 2px
Border Color: #2
Lists
Proxima Nova
18px
Character spacing: 0.25px
Line Height: 25px
Marker: disc
Proxima Nova
18px
Character spacing: 0.25px
Line Height: 25px
Marker: decimal
Links
Proxima Nova
18px
#4a90e2
Proxima Nova Semibold
15px
Character spacing: 1.5px
#000000
Proxima Nova Medium
12px
Character spacing: 1.2px
#000000
Buttons Edit
Primary Button
Proxima Nova Semibold
18px
Character spacing: 1.5px
Padding: 15px 30px
Secondary Button
Proxima Nova Semibold
18px
Character spacing: 1.5px
Padding: 15px 30px
Tertiary
Proxima Nova Semibold
18px
Character spacing: 1.5px
Padding: 15px 30px
White Outline
Proxima Nova Semibold
18px
Character spacing: 1.5px
Padding: 15px 30px
Small Button
Proxima Nova Semibold
14px
Character spacing: .25px
Padding: 10px 20px
Form Fields Edit
Text Field
Proxima Nova Regular
14px
Text Color: #000000
Border: 0.5px solid #dee3e6
Padding: 14px 10px
Fill Color: #ffffff
Select Dropdown
Proxima Nova Regular
14px
Text Color: #000000
Border: 0.5px solid #dee3e6
Padding: 14px 10px
Fill Color: #ffffff
Comment