Responsive Type Scale
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.
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.