Code Blocks issues: typography mismatches in code content and supporting text

The following issues were identified in the Code Blocks:

1. Font size and line height in the code content differ from Figma.

Staging:

<img width="1096" height="508" alt="Image" src="https://github.com/user-attachments/assets/7050838b-5075-4c71-b747-64eb8c697747" />

Figma:

<img width="931" height="415" alt="Image" src="https://github.com/user-attachments/assets/13a06572-689a-4e91-ae5c-09fe59cad949" />


2. Font weight, letter spacing, and line height differ from Figma in the “Get started with our libraries” and “About Beast” texts.

Staging:

<img width="960" height="387" alt="Image" src="https://github.com/user-attachments/assets/5a8288f7-7553-4548-8955-c4dab86badc0" />

Figma:

<img width="940" height="298" alt="Image" src="https://github.com/user-attachments/assets/6ee3e131-7912-4317-bda3-43708a09ad5e" />

3. Letter spacing and line height in the secondary text differ from Figma.

Staging:

<img width="1128" height="247" alt="Image" src="https://github.com/user-attachments/assets/c951abdf-7a91-433b-ae65-9d3d920cf9cb" />

Figma:

<img width="1035" height="260" alt="Image" src="https://github.com/user-attachments/assets/80e72463-7112-47b4-9ae1-11945837e967" />

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Code Blocks issues: typography mismatches in code content and supporting text #2334

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Code Blocks issues: typography mismatches in code content and supporting text #2334

Description

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions