![](https://cdn.prod.website-files.com/657fd557465ed5c6e7ef8181/65c0b3086d2f7c8b396dd5c4_Web%20Design%20CV%20Website.webp)
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.
![](https://cdn.prod.website-files.com/657fd557465ed5c6e7ef8181/66191561b6c7e82f239aed9b_Group%20162872.webp)
![](https://cdn.prod.website-files.com/657fd557465ed5c6e7ef8181/6619153a3c357b8b626da1b1_Group%20162874.webp)
![](https://cdn.prod.website-files.com/657fd557465ed5c6e7ef8181/661914e2c9f7965d97eedc80_Group%20162873.webp)
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
![](https://cdn.prod.website-files.com/657fd557465ed5c6e7ef8181/65dd87a1d551de53754120e8_codevidia-form-ui-elements.png)
Images
![](https://cdn.prod.website-files.com/657fd557465ed5c6e7ef8181/65cef25915d2ce7ff619848b_codevidia-boost-your-profits.webp)
![](https://cdn.prod.website-files.com/657fd557465ed5c6e7ef8181/65cef26dbf69217bc9216bff_codevidia-deliver-impressive-results-and-fast-turnaround.webp)
![](https://cdn.prod.website-files.com/657fd557465ed5c6e7ef8181/65cef27ecf00888e66939557_codevidia-zero-hassle-hiring.webp)
![](https://cdn.prod.website-files.com/657fd557465ed5c6e7ef8181/65cef29cbf69217bc9218083_codevidia-grow-and-expland-your-services.webp)
![](https://cdn.prod.website-files.com/657fd557465ed5c6e7ef8181/65cef2aabe28d97bbb1f54a9_codevidia-support-from-a-reliable-team.webp)
![](https://cdn.prod.website-files.com/657fd557465ed5c6e7ef8181/65cef2c1c09cf2cd418fa938_0_0%20(1)%202.webp)
![](https://cdn.prod.website-files.com/657fd557465ed5c6e7ef8181/65cef2e68d8b8e4d92123de8_0_1%20(3)%202.webp)
![](https://cdn.prod.website-files.com/657fd557465ed5c6e7ef8181/65cef2fc2450d7fc4d7fcbbe_codevidia-white-label-solutions-for-marketing-agencies.webp)
![](https://cdn.prod.website-files.com/657fd557465ed5c6e7ef8181/65cef30c2d5aab71447fb80e_color-shade-swatch-stationary-designer-creative-concept.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