Design System Component: Basic: Typography

[Aveline-art]

Dependency

• Draft a Proposal and create documentation for the Front End Architecture #48

Overview

As a developer, we should start with a component first philosophy when creating new webpages. For this issue we will be developing the title classes of the Landing Page.

Action Items

• Review the design for different font sizes in the design system in the Figma page indicated below
• Be sure to review our architecture documentation to understand where to create and find files relevant to this component
• Note that since header is a key word for html accessibility, we need to refer to these classes with a different word, such as title-1, title-2 or similiar
• Add the different font sizes into a scss file
• Release dependency on:
  • Design System Component: Element: Buttons #61
  • Design System Component: Element: Circle Cards #64
  • Design System Component: Element: Modal Cards #66
  • Design System Component: Element: Inner Modal Nav #67
  • Design System Component: Element: Inner Modal Card #68

Resources/Instructions

Figma, Design System