Digital Canvas logo

(917) 445-7373

Facebook Instagram Linkedin
Contact Us
Contact Us

Style Guide

Fonts

Title 1
The five boxing wizards jump quickly over the fence.
Title 2
The five boxing wizards jump quickly over the fence. The five boxing wizards jump quickly over the fence.
Title 3
The five boxing wizards jump quickly over the fence. The five boxing wizards jump quickly over the fence.
Title 4
The five boxing wizards jump quickly over the fence. The five boxing wizards jump quickly over the fence.
Title 5
The five boxing wizards jump quickly over the fence. The five boxing wizards jump quickly over the fence.
Title 6 – CAPS
The five boxing wizards jump quickly over the fence. The five boxing wizards jump quickly over the fence.
Title 7 – Body Big
The five boxing wizards jump quickly over the fence. The five boxing wizards jump quickly over the fence. The five boxing wizards jump quickly over the fence.
Body Text Bold
The five boxing wizards jump quickly over the fence. The five boxing wizards jump quickly over the fence. The five boxing wizards jump quickly over the fence.
Body Text
The five boxing wizards jump quickly over the fence. The five boxing wizards jump quickly over the fence. The five boxing wizards jump quickly over the fence.
Body Text Small
The five boxing wizards jump quickly over the fence. The five boxing wizards jump quickly over the fence. The five boxing wizards jump quickly over the fence.
Button Text
Get Started Today Get Started Today Get Started Today Get Started Today Get Started Today Get Started Today

Colors

Color 1 – Primary

#383838

Color 2 – Text

#4C4C4C

Color 3 – Primary Light

#EFF1F2

Color 4 – Secondary

#E8621A

Color 5 – Accent

#005A8C

Color 6 – Transparent

#FFFFFF00

Color 7 – White

#FFFFFF

Color 8 – Neutral 

#CBD6DA

Color 9 – Black

#000000

Choose One button style from these 3:

White Button – Pill Outline
Primary Button – Pill Outline
Secondary Button – Pill
Accent Button – Pill
White Button – Pill

Keep these as buttons alternates:

Primary Button – Text & Underline
Secondary Button – Text & Underline
Accent Button – Text & Underline
White Button – Text & Underline
Primary Button – Text & Arrow
Secondary Button – Text & Arrow
Accent Button – Text & Arrow
White Button – Text & Arrow

Main Container —

Margin: 0px; Padding: 0, 50, 0, 50px
Content Width: Boxed
Width: 1280px

Column & Row Gap:
30px [Desktop/Wide Tablet]
20px [Tablet/Mobile]

inner container: m0; p20px

Margin: 0px; Padding: 20px
Content Width: Full Width
Width: 100%

Column & Row Gap:
20px [All Views]

inner container: With Image

Column & Row Gap:
20px [Desktop/Wide Tablet]
20px [Tablet/Mobile]

inner container: m0; p20px
Corner radius: 20px

Column & Row Gap: 20px [All Views]