Apply typography styles

Apply the approved typography system to the Marketing and Dashboard screens in the file Project UI Kit. Replace ad-hoc font sizes with the defined styles: Heading 1, Heading 2, Body, Caption, and Button. Ensure responsive scaling for tablet and phone breakpoints, fix any line-height or letter-spacing issues that break layout, and publish the updated styles to the Team Library before tomorrow's demo.

Before publishing the type styles to the library, make approvals fast: surface where current screens use local text overrides, show instances where line-height or scaling will cause truncation on smaller viewports, and flag any components that rely on exact pixel sizes. Highlight anything that would make a reviewer hesitate to accept the new styles.

I applied the Heading 1 style to multiple headers and now some cards overflow on tablet layouts. I’m not sure whether the problem is applying a desktop-scale style to a responsive component or an incorrect auto-layout constraint. What should I check first to diagnose whether this is a style scaling issue or a layout setting, and what quick fix will unblock the demo?

Every few sprints a typography cleanup creates layout regressions: text truncates, cards reflow, and builds miss QA. Where should I change my process so typography changes land without breaking interfaces? Propose a small pre-publish routine and a habit for communicating scale changes to engineers and PMs.