webb-tools / webb-dapp

Monorepo for the Webb ecosystem.
https://app.tangle.tools
Apache License 2.0
29 stars 15 forks source link

[TASK] Update typescale in UI kit #1838

Open monaiuu opened 7 months ago

monaiuu commented 7 months ago

Description

As per request, update the type scale for body text in UI kit to enhance readability with our existing designs. This update involves increasing the font size and line height for our body text classes. The new font sizes should be applied across all components in the UI kit where these body classes are used.

Body01: Current: size 16px; line height 24px Update to: size 18px; line height 27px

Body02: Current: size 14px; line height 21px Update to: size 16px; line height 24px

Body03: Current: size 12px; line height 18px Update to: size 14px; line height 21px

Body04: Current: size 10px; line height 15px Update to: size 12px; line height 18px

Figma Link

Note: Post-update, some existing designs may require review and updating to ensure visual balance, this will be addressed iteratively.

github-actions[bot] commented 5 months ago

This issue is stale because it has been open for 60 days with no activity.

github-actions[bot] commented 3 months ago

This issue is stale because it has been open for 60 days with no activity.

monaiuu commented 3 months ago

archiving this as I believe we should transition typescale from px to rem for improved accessibility & ease of maintenance.

github-actions[bot] commented 1 month ago

This issue is stale because it has been open for 60 days with no activity.

yurixander commented 1 month ago

Is this still relevant 👀? @monaiuu

monaiuu commented 1 month ago

Is this still relevant 👀? @monaiuu

Let's take a look at the type update (satoshi) in the new release, and evaluate if this is still relevant.