hackforla / hackforla/311-data

UXD - Design System Updates: Type Settings

Open
#1,605 37 comments 0 reactions 1 assignee Claimed by @greenishviolet View on GitHub
Complexity: Medium feature: design system p-feature: Content ready for dev lead role: UI/UX Design size: 3pt
Dominant language
JavaScript
Stars
73
Forks
74
PR merge metrics
No merged PRs in 30d

Description

### Overview

We need to audit and evaluate the type settings in our design system to remove inconsistencies in type weight, size, and typefaces across our designs.

### Action Items
- [x] utilize Figma page, `Design System Review: Type Settings` to perform the following tasks (see link below)
- [x] audit Desktop and Mobile type settings in the hand-off page
- [x] Semantic naming for type styles in the library
- [x] Guide for type settings use
- [ ] more type settings go here...
- [x] create informal guide that describes use cases for type settings, include examples
- [x] recommend if current type settings are sufficient and expansion is feasible, or if our type settings require short-term expansion
- expanding the type ramp

### Resources:

311 Data Figma Pages
- [Handoff Page](https://www.figma.com/design/eF63O8yIGz2soQ4JJFfyoK/311_Data_UXUI?node-id=4081-9245)
- [Design Systems Review: Type Settings](https://www.figma.com/design/eF63O8yIGz2soQ4JJFfyoK/311_Data_UXUI?node-id=4081-9253)

External Resources
- https://typescale.com/
- https://www.nngroup.com/articles/design-systems-vs-style-guides/
- https://atomicdesign.bradfrost.com/chapter-2/

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.