Colorkaam
Your Digital Destination
for Home Painting
UI Design
Design systems
Company
Hedweeg Innovation Pvt Ltd
role
UI Designer
TIMELINE
3 months
Year
2021
Tools
ABOUT Project
"Bringing transparency, design, and ease to home repainting through a modern digital experience."
ColourKaam is a repainting service based in Ahmedabad, aimed at redefining how people approach commercial and residential painting. Built by passionate young entrepreneurs, the project focused on creating a clean and intuitive digital interface that reflects the client’s lifestyle, ideas, and vision. The goal was to simplify customer decision-making by offering a seamless platform that showcases services, builds trust through transparency in pricing, and enhances user confidence with design-led clarity.
Site Map
Even before getting started with the site map, it was important for us to identify the group of personas who will visit our website.
The structure and flow of page was drafted to anticipate the journey of customers and give them an easy navigation to the products/services they are looking for.
Typography
DM Sans was chosen for its modern and clean aesthetic, reflecting Colourkaam’s professional and customer-focused approach. Its clarity enhances readability, while Segoe UI adds warmth to the body text, making the design both inviting and trustworthy.
DISPLAY TEXT
Font family: DM Sans
Font size: 112px
Line height: 116px
Letter Spacing: -6px
DISPLAY TEXT
Font family: DM Sans
Font size: 60px
Line height: 64px
Letter Spacing: -2px
DISPLAY TEXT
Font family: DM Sans
Font size: 60px
Line height: 64px
Letter Spacing: -2px
DISPLAY TEXT
Font family: Segoe UI
Font size: 16px
Line height: 26px
Letter Spacing: 0px
Colour & Grid System
The color palette is inspired by earthy, warm tones that evoke a sense of trust and reliability, essential for a repainting service. These hues are carefully chosen to reflect the brand's commitment to quality and attention to detail, ensuring a cohesive and professional visual identity. The 12-column grid system is implemented for both desktop and mobile, providing a structured and flexible layout. This approach ensures consistent spacing and alignment, creating a balanced and user-friendly design across all devices.
Logo Animation & Mockups
Dark Mode
Credits
Services
Digital Design
Creative development
Ecommerce
API integration
Tools
Wordpress
Figma
Photoshop
Illustrator
