Markdown Card: typography inconsistencies and incorrect text styling

[kattyode]

The following issues were identified in the Markdown Card:

1. Letter spacing in the primary text differs from Figma.

Staging:

Figma:

2. The secondary text color does not match the Figma design.
3. The secondary text font weight differs from Figma.

Staging:

Figma:

[julhoang]

@kattyode For the 2nd issue where Figma said the font-weight is 600 – I believe this was a design error since our design system doesn't support weight 600. The code is correct here.

[kattyode]

Thank you so much, @julhoang ! Just one small detail: point 2 mentions that the text color of the secondary text differs from Figma. Currently, Figma shows #2F313D, but the implementation is using #050816. Please let me know your thoughts on this.

[julhoang]

@kattyode Would it be okay if we leave that color adjustment to this ticket? #2368, we'll want to confirm with the Boostlook 2.0 guidelines for that color as well as for other changes needed as well.

[kattyode]

@julhoang Yes, for sure. I’m moving the ticket back to QA.

[kattyode]

QA Validation note: Passed

Validated on: https://www.cppal-dev.boost.org/v3/demo/components/#markdown-card
The fix is working as expected: