Van Express Style Guide

Use this style guide for any content in Van Express style.

Logo's

These are the Van Express Logo Files.

Van Express

We VAN deliver

Van Express

Heading 1

48px, bold, raleway.

Heading 2

35px, bold, raleway.

Heading 3

26px, bold, raleway.

Heading 4

20px, bold, raleway.

Heading 5

16px, bold, raleway.

Heading 5

12px, semibold, raleway.

This is a body copy. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

16px, normal, montesserat.

Inline Link

16px, normal, montesserat.

Colors

Only use these accepted colors in your project

Primary

#ffffff

Secundairy

#1f1d1d

Accent

#f26419

Tertiary Background

#f0f3f5

Buttons

When adding buttons or CTA's to any project, please refer to these

Button Normal

Button Normal

Montserrat, Radius 20PX, Padding 20V & 30H

Button Normal

Button Normal Orange

Montserrat, Radius 20PX, Padding 20V & 30H

Button Small

Button Small

Montserrat, Radius 20PX, Padding 10V & 30H

Button Small

Button Small Orange

Montserrat, Radius 20PX, Padding 10V & 30H

Button Trans.

Button Transparent

Montserrat, Radius 20PX, Padding 20V & 30H,  border #1f1d1d 30%

Button Trans.

Button Transparent Small

Montserrat, Radius 20PX, Padding 10V & 30H, border #1f1d1d 30% 

Icons

Any icon can be added to your project, but make sure they are surrounded by the correct icon wrap.

Icon Wrap Large

Icon: 2REM & Wrap: 10PX padding, 20PX radius

Icon Wrap Small

Icon: 1.5REM & Wrap: 10PX padding, 20PX radius

Social Media Icons

Icon: 1.5REM & Wrap: 5PX padding, 30PX radius