hackforla / hackforla/311-data

UXD - Design System Updates: Iconography

Open
#1,949 6 comments 0 reactions 1 assignee Claimed by @kiranofans View on GitHub
Complexity: Small feature: design system ready for design lead role: UI/UX Design size: 2pt
Dominant language
JavaScript
Stars
73
Forks
74
PR merge metrics
No merged PRs in 30d

Description

### Overview

We need to audit and evaluate the iconography in our design system to quickly communicate meaning while maintaining a uniform and cohesive design aesthetic that can be easily expanded and replicated in the future.

### Action Items
- [x] utilize a new figma page (e.g. `Design System Review: Iconography`) to perform the following tasks:
- [x] audit / verify iconography in hand-off page
- [x] create a general and informal guide with examples of when to use what
- [x] identify/confirm the appropriate icon library and create a loose guideline for iconography expansion moving forward as need for future icons arise
- [x] research and recommend if current iconography is sufficient or should be updated

### Resources

- https://atomicdesign.bradfrost.com/chapter-2/
- https://www.nngroup.com/articles/how-to-test-digital-icons/
- https://www.designsystems.com/iconography-guide/
- https://m3.material.io/styles/icons/designing-icons
- https://fonts.google.com/icons
--------------------------
Please click [Comment Link](https://github.com/hackforla/311-data/issues/1949#issuecomment-4912476804) for details

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.