ic-ui-kit icon indicating copy to clipboard operation
ic-ui-kit copied to clipboard

Responsive Type Scale

Open ASM995 opened this issue 2 years ago โ€ข 1 comments

Summary

Typography scales at different breakpoints to allow for greater information density on smaller devices.

๐Ÿ’ฐ User value

Describe why this is important and how it will help users (either developers, designers or the end-users). Think about how it makes people's lives easier, more accessible or quicker to build stuff.

๐Ÿ“š User Stories

If relevant, describe the high-level functionality as user stories.

As an ICDS user: I need So that

๐Ÿ“ Acceptance Criteria

If relevant, describe in full detail the different interactions and edge cases that the component or patterns needs to fulfil.

Given When Then

โœ Designs

If there's a Figma design file (or other mock-up), include it here.

##ย ๐Ÿงพ Guidance If there's written guidance or documentation, include it here.

ASM995 avatar Jun 07 '23 10:06 ASM995

We can use local variables, in a similar way to colour tokens on typography scales, eg typography would have 3 columns, desktop, tablet, mobile (or equivalent) and each typography element would have 3 values held against it.

mi6-577 avatar Mar 20 '25 09:03 mi6-577