CodeVidia Guidelines

Just stick to these guidelines, and you'll nail those on-brand designs, all while keeping our brand integrity in check!

Our Vision

Turning Dreams into Reality
We imagine a world where it's easy to build and scale your digital agency.

Our Mission

Empowering Digital Agencies to Succeed
To empower the world's digital agencies with the best teams, systems and tools.

Logo/Icon

BLUE / WHITE BG
GREEN / DARK BG
WHITE / DARK BG
BLUE ICON / WHITE BG
GREEN ICON / DARK BG
GREEN ICON / DARK BG
BLUE ICON / CIRCLE WHITE BG
GREEN ICON / CIRCLE BLUE BG
WHITE ICON / CIRCLE DARK BG
BLUE ICON / SQUARE WHITE BG
GREEN ICON / SQUARE BLUE BG
WHITE ICON / SQUARE DARK BG

Don’ts

Don’t distort the logo in any way
Don’t change the original solid color with an outline
Don’t place the logo against any background that doesn’t create contrast
Don’t add drop shadow
Don’t change letter spacing
Don’t add any kin of gradients or Use color only that of the color palette

Typography

Poppins
Google Fonts
download
Aa  Bb  Cc  Dd  Ee  Ff  Gg  Hh  Ii  Jj  Kk  Ll  Mm  Nn  Oo  Pp  Qq  Rr  Ss  Tt  Uu  Vv  Ww  Xx  Yy  Zz
0  1  2  3  4  5  6  7  8  9
~  !  @  #  $  %  ^  &  *  (  )  {  }  [  ]  <>  ?  :  “  ‘  |  \
A B C 1 2
A B C 1 2
A B C 1 2
A B C 1 2
A B C 1 2
A B C 1 2
A B C 1 2
A B C 1 2
A B C 1 2
A B C 1 2
A B C 1 2
A B C 1 2
A B C 1 2
A B C 1 2
A B C 1 2
A B C 1 2
A B C 1 2
A B C 1 2
DM Sans
Google Fonts
download
Aa  Bb  Cc  Dd  Ee  Ff  Gg  Hh  Ii  Jj  Kk  Ll  Mm  Nn  Oo  Pp  Qq  Rr  Ss  Tt  Uu  Vv  Ww  Xx  Yy  Zz
0  1  2  3  4  5  6  7  8  9
~  !  @  #  $  %  ^  &  *  (  )  {  }  [  ]  <>  ?  :  “  ‘  |  \
A B C 1 2
A B C 1 2
A B C 1 2
A B C 1 2
A B C 1 2
A B C 1 2

Colors

Yankees Blue
Hex
#172E45
RGB
23, 46, 69
CMYK
67% 33% 0% 73%
Apple
Hex
#75BA43
RGB
117, 186, 67
CMYK
37% 0% 64% 27%
White
Hex
#ffffff
RGB
255, 255, 255
CMYK
0% 0% 0% 0%

Tone of Voice

The tone of voice will be professional, reliable, and friendly.
Professional:
Our team exemplifies expertise and professionalism, ensuring unparalleled creativity and proficiency in every project.
Reliable:
Infusing creativity with unwavering reliability, our agency delivers innovative solutions you can trust for lasting impact.
Friendly:
With a warm and transparent approach, our team fosters friendly collaborations, ensuring openness and shared success in every endeavor.
Formal
Friendly
Assertive
Passive
Empathetic
Indifferent
Inspirational
Intimidating
Sincere
Inattentive

Tagline

Our Tagline should always be in Poppins Semibold while using it as a headline.
The road to the unknown is fun.
Poppins
Semibold

Iconography

Filled Icons
Outline Icons

Typography

Poppins

HEADINGS

Heading 1
Font Size: 56px / 3.5rem
Font Weight: Semibold
Line height: 68.9 / 4.306rem
Letter Space: -0.1%
Heading 2
Font Size: 44.8px / 2.8rem
Font Weight: Semibold
Line height: 55px / 3.44rem
Letter Space: -0.1%
Heading 3
Font Size: 36.8px / 2.3rem
Font Weight: Medium
Line height: 48px / 3rem
Letter Space: -2%
Heading 4
Font Size: 25px / 1.563rem
Font Weight: Semibold
Line height: 32.5px / 2.031rem
Letter Space: -2%
Heading 5
Font Size: 20px / 1.25rem
Font Weight: Semibold
Line height: 28px / 1.75rem
Letter Space: 0%
Mobile
Heading 1
Font Size: 35.2px / 2.2rem
Font Weight: Medium
Line height: 1.2
Letter Space: 0%
Mobile
Heading 2
Font Size: 32px / 2rem
Font Weight: Medium
Line height: 40px / 2.5rem
Letter Space: -0.1%
Mobile
Heading 3
Font Size: 25px / 1.563rem
Font Weight: Medium
Line height: 48px / 3rem
Letter Space: -2%
Mobile
Heading 4
Font Size: 20px / 1.25rem
Font Weight: Medium
Line height: 1.2
Letter Space: 0%
Mobile
Heading 5
Font Size: 20px / 1.25rem
Font Weight: Semibold
Line height: 140%
Letter Space: 0%

DM Sans

BODY, LABELS, BUTTONS

Font size: 20px / 1.25rem
Line height: 30px / 1.875rem
Text large
Bold
Text large
Medium
Text large
Normal
Font size: 18px / 1.125rem
Line height: 27px / 1.688rem
Text medium
Bold
Text medium
Medium
Text medium
Normal
Font size: 16px / 1rem
Line height: 24px / 1.5rem
Text regular
Bold
Text regular
Medium
Text regular
Normal
Font size: 14px / 0.875rem
Line height: 21px / 1.313rem
Text small
Bold
Text small
Medium
Text small
Normal
Font size: 12px / 0.75rem
Line height: 18px / 1.125rem
Text tiny
Bold
Text tiny
Medium
Text tiny
Normal

Colors

Yankees Blue
#172E45
Apple
#79C341
White
#FFFFFF
Black
#212121
Dark Silver
#6D6D6D
Light Silver
#D9D9D9
Cultured
#F5F7FA

UI Elements

Buttons
Light Background
Explore Plans
On Hover:
Explore Plans
Dark Background
Explore Plans
On Hover:
Explore Plans
Text Input
Email *
Text Area
Message *
Select
Checkbox
Radio

Shadows

inner shadow
small
medium
xlarge

Images

Use bright and positive images, predominantly featuring friendly and light scenes with people.
Need a custom quote for your project?
Don't see what you're looking for? Or do you have a project that's more complex? Send us a message now or book a call with our team!