Project

General

Profile

BUG #3906

Updated by Nazmul Hossain Shovon 4 months ago

On the **Car Details Page**, multiple text elements do **not match the correct font sizes** defined in the Figma design: 

 - The **feature chips** under the **FEATURES** section are using **14px** font size on staging, while Figma shows **16px**. 
 - The text **above the Specifications** section also uses a different/lower font size than specified in Figma. 

 These inconsistencies impact visual hierarchy and UI readability. 

 **Screens:** Tablet (425px–768px) 
 **Tested By:** Tasfia Zaima   

 --- 

 ### Steps to Reproduce 
 1. Open the PQS Japan staging website.   
 2. Navigate to any **Car Details Page**.   
 3. Scroll to the **FEATURES** section and observe the chip text size.   
 4. Scroll further down to the text **above Specifications**.   
 5. Compare font sizing with the Figma design. 

 --- 

 ### Expected Result 
 Typography should match **Figma specifications**, including: 
 - Feature chips font size: **16px** 
 - Specification details and related text: **Correct matching Figma font size** 

 Ensuring consistent hierarchy and readability across all devices. 

 ### Actual Result 
 Font sizes are **smaller than expected**, causing reduced visual emphasis and mismatch from design. 

 --- 

 ### Attachments 
 - [Video](https://drive.google.com/file/d/1fVzc1Lx4H1Z5qDPt7WXOLNtweDNqm5Ps/view) 
 - [Screenshot-1](https://drive.google.com/file/d/1UhdX_87trmP-JgtTnUFwNses59nbDGNk/view)    
 - [Screenshot-2](https://drive.google.com/file/d/1xNewoOAB3SBnOL4Z2-73DSh8syrPiGKX/view) 

 ### Module / Section 
 Car Details Page → Features Chips & Specification Text 

 --- 

 ### Root Cause: 
 mismatch with figma 

 --- 

 ### Impacted Area: 
 car details page

Back