Lucas TVS Website

Designed a seamless and brand-aligned web experience for Lucas TVS to showcase their collaboration with Bavarian Automotive Technologies (BAT). The webpage was crafted to highlight the partnership, present their product range with clarity, and maintain consistency with the existing Lucas TVS digital ecosystem. With a strong focus on structure, visual alignment, and user experience, the design delivers a modern interface that feels both cohesive and product-focused.

Lucas TVS Website - Portfolio
Lucas TVS Website - Website

Typography

Lucas TVS website utilises Roboto as a single, cohesive typeface to ensure clarity, consistency, and scalability across the interface. Bold headline sizes create a strong visual hierarchy and immediate impact, while regular-weight body text maintains high readability at smaller sizes. The structured size progression and consistent weight usage support a clean, modern UI that prioritises usability and content clarity.

Roboto

HEADING 1Bold56-64 px
HEADING 2Bold / SemiBold36-42 px
CARD TITLESBold18-24 px

Roboto

BODYRegular15-18 px
LABELSMedium12-14 px
HEADING 3SemiBold14-16 px

Color Palette

The Lucas TVS palette features a blend of deep navy, vibrant green, and energetic orange, reflecting its identity as a premier Indian manufacturer of mechatronic and electrical systems. Darker blues establish industrial trust and reliability, while the orange and green accents symbolise technological innovation in vehicle and consumer goods. Neutral grey and white ensure a clean, high-contrast interface that prioritises engineering clarity and accessibility.

#0057AC
#00953E
#FF6E01
#444444
#F5F5F5
Lucas TVS Website - Additional View 1
Lucas TVS Website - Additional View 2