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
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
downloadAa 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
downloadAa 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.
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
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.
%202.webp)
%202.webp)
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!