<img src="https://ad.doubleclick.net/ddm/activity/src=11631230;type=pagevw0;cat=pw_allpg;dc_lat=;dc_rdid=;tag_for_child_directed_treatment=;tfua=;npa=;gdpr=${GDPR};gdpr_consent=${GDPR_CONSENT_755};ord=1;num=1?" width="1" height="1" alt="">

Brand Guidelines

This is Virtru's official Brand Kit. Please refer to this page for logos, typography, color, and iconography.

Logos

Note: The tagline version of the logo should only be used in cases where the tagline is large enough to be legible. In all other cases, the standard version, without tagline, should be used.

Primary Logo/Logo + Tagline

White Logo/White Logo + Tagline

Logomark

Color

Brand

Virtru Blue

#004987
var(--virtru-blue)

Contrast Test

Pass

Pass

Fail

Fail

Fail

Fail

Dark Blue

#001E4A
var(--dark-blue)

Contrast Test

Pass

Pass

Fail

Fail

Fail

Fail

Control Bar Blue

#6AAAE4
var(--control-bar-blue)

Contrast Test

Fail

Fail

Fail

Pass

Fail

Fail

Light Blue

#92C0E9
var(--light-blue)

Contrast Test

Fail

Fail

Fail

Pass

Fail

Pass

Lightest Blue

#C2D5ED
var(--lightest-blue)

Contrast Test

Fail

Fail

Pass

Pass

Fail

Pass

Neutral

Dark Gray

#2D323B
var(--dark-gray)

Contrast Test

Pass

Pass

Fail

Fail

Fail

Fail

Light Gray

#636469
var(--light-gray)

Contrast Test

Pass

Pass

Fail

Fail

Fail

Fail

Secondary & Feedback

Light Green

#6ABF4B
var(--light-green)

This color is strictyly used for messages indicating success. Utilize black on top of a Light Green background.

Contrast Test

Fail

Fail

Pass

Pass

Dark Red

#9F2241
var(--light-green)

This color is strictyly used for messages indicating an error. Utilize Dark Red on top of a white background, or white on top of a Dark Red background.

Contrast Test

Pass

Pass

Fail

Fail

Light Yellow

#FFC629
var(--light-yellow)

This color is used in very specific cases to draw attention to elements or text. It can be seen on the homepage and solutions pages. This color is used very sparingly, if attention to important pieces is not achievable with standard colors.

Contrast Test

Fail

Fail

Pass

Pass

Pass

Pass

Gradients

Gradient 1

Use white as the font color and white buttons against this gradient.

Go to Folder

Gradient 2

Use white as the font color and white buttons against this gradient.

Go to Folder

Gradient 3

Use Virtru Blue as the font color and primary buttons against this gradient.

Go to Folder

Gradient 4

Use white as the font color and white buttons against this gradient.

Go to Folder

Gradient 5

Use Virtru Blue as the font color and primary buttons against this gradient.

Go to Folder

Gradient 6

Use Virtru Blue as the font color and primary buttons against this gradient.

Go to Folder

Gradient 7

Use white as the font color and white buttons against this gradient.

Go to Folder

Gradient 8

Use white as the font color and white buttons against this gradient.

Go to Folder

Gradient 9

Use white as the font color and white buttons against this gradient.

Go to Folder

Gradient 10

Use white as the font color and white buttons against this gradient.

Go to Folder

Gradient 11

Use white as the font color and white buttons against this gradient.

Go to Folder

Gradient 12

Use white as the font color and white buttons against this gradient.

Go to Folder

Gradient 13

Use white as the font color and white buttons against this gradient.

Go to Folder

Typography

This is Adelle,
Our heading typeface.

This is Barlow,
Our body typeface.

Desktop Break

Mobile Break

Heading One

Heading One

3rem/2rem - Adelle

Heading Two

Heading Two

2rem/1.5rem - Adelle

Heading Three

Heading Three

1.25rem/1.125rem - Barlow

Heading Four

Heading Four

1.125rem/1rem - Barlow

Heading Five
Heading Five

1.125rem/1rem - Barlow

Heading Six
Heading Six

0.875rem/0.875rem - Barlow

Subtitle

Subtitle

1.25rem/1.25rem - Barlow

Body Bold

Body Bold

1rem/1rem - Barlow

Body

Body

1rem/1rem - Barlow

Link Link

1rem/1rem - Barlow

Iconography

Go to Icons Folder
alert-icon chess-icon boxes-icon circles-icon2 calendar-icon chat-icon circles-icon cloud-icon cloud-icon2 computer-icon document-icon compliance-icon email-icon gear-icon globe-icon chart-icon handgear-icon innovation-icon key-icon money-icon patent-icon plane-icon printer-icon Vial_icon recurring-icon revoke-icon securitycam-icon server-icon stack-icon web-icon video-icon tools-icon users-icon search-icon toggle-icon virtru-easy-icon virtru-shield-icon virtru-lock-icon tdf-icon safe-icon resellers-icon Icon_Tag-01 virtru-doc-icon virtru-lock-folder virtru-lock-icon-1 tdf-doc-icon green-checkmark

V-Accordion 1

This is our main accordion. It is used to break down 3 or more bullet points, while keeping the page a little cleaner.

The heading above can be made larger, using the toggle in the CMS. A subheading is not necessary, but adds some extra context. Photo of a docter sending a secure medical record on his phone
You can use a single image for all of the drawers, by turning on the toggle in the CMS. Or, you can set a different image for each drawer. Default
You can also use a video, instead of an image, in both the singular image and multi image configurations. We likely have the video you are after in our assets library. Please check there before uploading any new assets. If a new asset needs to be uploaded, please make sure it is optimized for file size and organized into the correct folder. 
On mobile, the image stacks above the drawers for readability and a better user experience.  Google Workspace app logos being protected by Virtru data-centric security
Photo of a docter sending a secure medical record on his phone Default Google Workspace app logos being protected by Virtru data-centric security