hackforla / hackforla/internship

TWE Design System Components: Colors

Open
#407 21 comments 0 reactions 0 assignees View on GitHub
complexity: medium dependency feature: design system Participant Type: TWE Team Member role: UI/UX design size: 0.50pt
Dominant language
CSS
Stars
20
Forks
6
PR merge metrics
No merged PRs in 30d

Description

### Dependency
- #729

### Overview
We need to create components for the TWE design system for the future website development & handoff.

### Action Items (original)
- [x] Create organized component
- [x] Get sign off from product lead
- [x] When this issue is complete, please go #397 and check off the dependency. If all other dependencies are checked off, move the issue from the icebox to the new issue approval column.

### Action Items (update)
- [x] Research best practices for using styles and tokens for color systems in Figma
- [ ] Clean up Figma (styles vs variables, naming conventions)
- [x] Add/update any needed color variations for M3
- [ ] Check accessibility standards
- [ ] Update organized color system/guide on WIP
- [ ] Get sign off from product lead
- [ ] Update microsite for the dev team (if necessary)
- [ ] When this issue is complete, please go #397 & #746 and check off the dependencies. If all other dependencies are checked off, move the issue from the icebox to the new issue approval column.

### Resources/Instructions
- [Google Doc](https://docs.google.com/document/d/14BZYFEa5s5FESeASNorEDLH6zEW0LTYcpD1NVyE66iM/edit#heading=h.pq5p3t1w1lw2)
- [HfLA Figma File](https://www.figma.com/file/UvUJ0zT2EEIOoDQVdn6ApN/HfLA-Design-System-Template?t=QhvqYQr8sPVUXqCz-0)
- [Internships Figma File](https://www.figma.com/file/TTRS2FWXsrymHYpPJL1IdH/Internship-Team-Main-file?node-id=2-45&t=UnquUaQhvcuGgsKH-0)

#### Design link provided to dev for original
none, just a general link
### Design Link provided to dev for updated
-

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.