TWE Design System: Code Typography

[joshfishman]

Dependencies

• TWE Design System: Web Typography Standards Research #528

Overview

We need to code the Typography Component for our design system based on the design teams' completed Figma component. Then we need to connect the code to the Figma component

Action Items

• Pull internship repo
• Create a feature branch
• Determine if any JS or CSS hacks need to be included to style this component
• Include necessary files in the MKdocs docs/ folder and project config
• Code component in its own HTML and sass files
• Create a Microsite Page
• Create component classes and states within the page
• Include Files via code snippets to create the code section
• Merge branch into master and push to repo
• Connect component in Figma to Github Files

Resources

• Design Systems Figma
• Link to type scale: https://www.figma.com/file/TTRS2FWXsrymHYpPJL1IdH/Internship-Team-Main-file?type=design&node-id=4763%3A3948&mode=design&t=cmjqTUJOXhV9dYip-1
• Link to microsite: https://www.figma.com/file/TTRS2FWXsrymHYpPJL1IdH/Internship-Team-Main-file?type=design&node-id=4763%3A3580&mode=design&t=cmjqTUJOXhV9dYip-1

[kristinstockley]

Discussed in yesterday's meeting and given direction. Wanted to confirm if this issue should stay in Ice Box, or if I should move it into In progress (actively working) @joshfishman ?

[kristinstockley]

• Got confirmation for design layout of the Typography Typescale Microsite from Josh yesterday, working on code snippets and variables
• Please confirm if Typography Standards needs a Microsite - yes
• H5 and H6 missing from Figma fixed
• Should there be only one class for paragraph and subtitle? (mentioned by Josh yesterday) - see new figma typography