BYD Seal Cat A
From Harmony Auto
The Background
The client had a specific request for their CAT A landing page: it needed to exude an air of mystery and sophistication. They wanted a design that would captivate visitors, drawing them into the enigmatic world of their high-end automotive offerings. We embraced this challenge wholeheartedly, eager to translate their vision into a visually stunning and high-quality web experience.
.webp)
.webp)
.webp)
Style Guide
Logo
Typography
HEADINGS
Font Size: 40px
Font Weight: Bold
Line height: 48px
Font Size: 33px
Font Weight: Bold
Line height: 39.6px
Font Size: 20px
Font Weight: Light
Line height: 30px
Letter Spacing: 1.2px
Mobile
Font Size: 30px
Font Weight: Bold
Line height: 36px
Mobile
Font Size: 28px
Font Weight: Bold
Line height: 33.6px
Mobile
Font Size: 20px
Font Weight: Light
Line height: 30px
Letter-spacing: 2.8px
BODY, LABELS
Font size: 24px
Line height: 39px
Font size: 20px
Line height: 35px
Font size: 18px
Line height: 27px
Font size: 16px
Line height: 24px
Colors
Blue BG Gradient
#132E40 & #305C79
Dark Cerulean
#0A417A
White
#FFFFFF
Accent Colors
BYD Red
#D70C19
BYD Grey
#686D71
UI Elements
Images
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