Create Typography Scale for Component Library - UI

[kangina-tech]

Overview

Typography makes or breaks a good design. It is our responsibility to make sure we guide the others to the best possible scaling system.

Background

This project is heavily reliant on the Atomic Design process. As explained by the HfLA Design System Guide for Designers, it is the simplest way to go through all the possible steps that are required for this component part.

As a point of start for this stickersheet, it is best to create the typography scaling based off of Hack for LA typefaces and fonts and let the other teams adjust them according to their needs.

Action Items

Creating a scaling system for our Typography

• Headers (preferrebly made up of four options)
• Body
• Caption
• Button
• Overline

Note: Be sure to use Typography that is up to standard with Accessibility Guidelines

Resources/Instructions

Internship Project
Civic Tech Jobs
HfLA Website