The Background
CodeVidia excels in premium white-label design and development services for digital agencies, with a focus on WordPress, Webflow, graphic design, and motion graphics. Demonstrating our mastery in Webflow, we transitioned our website from WordPress to Webflow, highlighting our adeptness in delivering advanced, high-performance solutions that embody our commitment to cutting-edge services for digital agencies.
Style Guide
Typography
HEADINGS
Font Size: 56px / 3.5rem
Font Weight: Semibold
Line height: 68.9 / 4.306rem
Letter Space: -0.1%
Font Size: 44.8px / 2.8rem
Font Weight: Semibold
Line height: 55px / 3.44rem
Letter Space: -0.1%
Font Size: 36.8px / 2.3rem
Font Weight: Medium
Line height: 48px / 3rem
Letter Space: -2%
Font Size: 25px / 1.563rem
Font Weight: Semibold
Line height: 32.5px / 2.031rem
Letter Space: -2%
Font Size: 20px / 1.25rem
Font Weight: Semibold
Line height: 28px / 1.75rem
Letter Space: 0%
Mobile
Font Size: 35.2px / 2.2rem
Font Weight: Semibold
Line height: 42.24px / 2.64rem
Letter Space: 0%
Mobile
Font Size: 32px / 2rem
Font Weight: Semibold
Line height: 40px / 2.5rem
Letter Space: -0.1%
Mobile
Font Size: 25px / 1.563rem
Font Weight: Medium
Line height: 30px / 1.875rem
Letter Space: -2%
Mobile
Font Size: 24px
Font Weight: Semibold
Line height: 33.6px / 2.1rem
Letter Space: 0%
Mobile
Font Size: 20px / 1.25rem
Font Weight: Semibold
Line height: 1.2
Letter Space: 0%
BODY, LABELS
Font size: 20px / 1.25rem
Line height: 30px / 1.875rem
Font size: 19px
Line height: 34.6px
Font size: 18px
Line height: 29px
Font size: 16px
Line height: 20px
Font size: 15px
Line height: 28px
Colors
Yankees Blue
#172E45
Apple
#79C341
White
#F9F9F9
UI Elements
Iconography
Filled Icons
Outline Icons
Images
%202.webp)
%202.webp)
Figma UI Design
Our UI/UX design process on Figma involves a meticulous exploration of client requirements, followed by the creation of pixel-perfect responsive designs. Leveraging Figma's collaborative features, we seamlessly transition from wireframes to high-fidelity designs, ensuring a visually stunning and flawlessly responsive user interface across diverse devices.
Ready to work with us?
Explore Plans
More Projects
View All Works
CARD NUMBER 1
View All Works