Colors

Not your ordinary dark theme; this color palette makes a powerful statement. These colors work harmoniously to convey sophistication, security, elegance, wisdom, wealth, trust, loyalty, logic, optimism, warmth, innovation, and friendliness. This reflects our brand's mission to not only be a leading authority in our field but to more importantly help and defend others.

#000516
body background
#021350
text dark
#97afff
section headers
#cbd7ff
links
#8fb3c1
dim text
#cea002
page headers
#fff6d6
CTA section background
#cea002
plans - Full Protection
#d884ff
plans - Shared Risk
#00bba5
plans - Monitoring Only
#cb50ff
cards
#d674ff
accent text
Typography

Raleway is an elegant, modern, and stylish sans-serif typeface that has a "geometric" touch and feel to the individual characters. More than simply choosing a beautiful font; typography makes a huge impact on the overall voice of our brand. Typefaces and fonts affect not only the visual design but also the user experience as a whole. Typography will establish a strong visual hierarchy, making content pleasant to read, allowing information to be easily comprehended, and ultimately persuading people to trust us.

Display 1
Display 2

Heading 1

Heading 2

Heading 3

Heading 4

Body large

Body

Body small

Body tiny

Components

Components are reusable elements. We can define the styes one time, and create instances of the component to be used across the site. We can create identical instances, or modify an instance's various properties (such as a button's text, color, or size). Components are highly efficient; we can update one of the component's properties (such as the color) and the update will reflect across all instances of the component. Components also allow lots of flexibility for when we need to modify a certain property for a specific use case.