Chuanghui Learning Centre
![codevidia chuanghui learning web design portfolio](https://cdn.prod.website-files.com/657fd557465ed5c6e7ef8181/65b3553414f0129672996c54_codevidia-chuanghui-learning-web-design-portfolio.webp)
The Background
Chuanghui Learning Centre stands as a pioneering educational enrichment program provider in Singapore, boasting 11 years of unwavering commitment to academic excellence and holistic student development. As a forward-thinking Web and Design Development Agency, our UI/UX and Responsive design capabilities are at the forefront of our commitment to delivering an unparalleled online learning experience. With a keen focus on user engagement and accessibility, we leverage cutting-edge technology to create seamless, visually appealing interfaces that cater to diverse learning styles. Our proficiency in WordPress Development further enhances our ability to provide a user-friendly, dynamic, and easily navigable online platform, solidifying Chuanghui Learning Centre as the trusted choice for those seeking excellence in education.
![](https://cdn.prod.website-files.com/657fd557465ed5c6e7ef8181/66166a7f840d0bff9ba33ce1_Group%20162862.webp)
![](https://cdn.prod.website-files.com/657fd557465ed5c6e7ef8181/66166b7768f05ada0511ca74_Group%20162863.webp)
![](https://cdn.prod.website-files.com/657fd557465ed5c6e7ef8181/66166b8c58da20855045f115_Group%20162861.webp)
![](https://cdn.prod.website-files.com/657fd557465ed5c6e7ef8181/66166baa1ae873d04617a4f3_Group%20162864.webp)
![](https://cdn.prod.website-files.com/657fd557465ed5c6e7ef8181/66166bd3383b6fb136adad15_Group%20162860.webp)
Style Guide
Typography
HEADINGS
Font Size: 50px
Font Weight: Regular
Line height: 60px
Font Size: 40px
Font Weight: Regular
Line height: 48px
Font Size: 32px
Font Weight: Regular
Line height: 38.4px
Mobile
Font Size: 40px
Font Weight: Regular
Line height: 48px
Mobile
Font Size: 36px
Font Weight: Regular
Line height: 43.2px
Mobile
Font Size: 32px
Font Weight: Regular
Line height: 38.4px
LABELS
Font size: 18px
Line height: 27px
Font size: 20px
Line height: 28px
Font size: 24px
Line height: 33.6px
MANDARIN FONT TEXT
Font size: 16px
Line height: 24px
Font size: 40px
Line height: 48px
Colors
Old Gold
#D1B249
Nickel
#6F7174
Dark Charcoal
#333333
White
#FFFFFF
UI Elements
![](https://cdn.prod.website-files.com/657fd557465ed5c6e7ef8181/65d71426bb53a5b87f37d740_chuanghui-input-form.png)
Images
![](https://cdn.prod.website-files.com/657fd557465ed5c6e7ef8181/65d71cd76126f0bff300840b_image%20110.png)
![](https://cdn.prod.website-files.com/657fd557465ed5c6e7ef8181/65d71ceed4410ac20c7ba527_image%20108.png)
![](https://cdn.prod.website-files.com/657fd557465ed5c6e7ef8181/65d71d04c7306b9fdaa2ec11_indonesia-4614988_1280%201.png)
![](https://cdn.prod.website-files.com/657fd557465ed5c6e7ef8181/65d71d12a4f726e6f6dbbb02_image%20134%201.png)
![](https://cdn.prod.website-files.com/657fd557465ed5c6e7ef8181/65d71d1f542c99a4b142dc1a_image%20123.png)
![](https://cdn.prod.website-files.com/657fd557465ed5c6e7ef8181/65d71d2ef01d42e962de1915_study-knowledge-student-school-college-classroom-lab-evolution-science-future-development%201.png)
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