hackforla / hackforla/knowledgebase-content
Create a Guide/Template: Website Style Guide and Design System
- Dominant language
- No language data
- Stars
- 2
- Forks
- 1
- PR merge metrics
- No merged PRs in 30d
Description
### Dependency
- [ ] When the Internship team is done making a universal design system
### Details
This guide will be a getting started guide on how to interact with the universal project design system and will probably have sub guides
- How to create a publishable Style Guide from the design system
- with examples from
- TDM Calculator
- Get Your Refund
- https://github.com/hackforla/knowledgebase-content/issues/94
### Overview
Product Managers, Designers and Developers need a style guide to make sure the website created is consistent.
### Action Items
The phases in the guide-making process are listed below. Each phase displayed in blue is linked to a wiki page with instructions on how to complete that phase. Open the wiki page in a new tab, copy the instructions for each part into the section labeled 'Tasks' at the bottom of this issue, and complete each task listed.
- [ ] [Gather Examples Solo](https://github.com/hackforla/guides/wiki/How-to-Gather-Examples:-Solo) (open in a new tab)
- [ ] [Gather Examples Collaboratively](https://github.com/hackforla/guides/wiki/Phase-2-%E2%80%90-Gather-Examples-Collaboratively)
- [ ] [Create a Guide Draft](https://github.com/hackforla/guides/wiki/How-to-Draft-a-Guide)
- [ ] If needed, create a template
- [ ] [Have your guide peer reviewed](https://github.com/hackforla/guides/wiki/Peer-Reviews-for-Guides)
- [ ] [Present your guide for leadership review](https://github.com/hackforla/guides/wiki/Submitting-Your-Guide-for-Leadership-Review)
### Resources/Instructions
- Google Drive Folder for this Guide’s documents and shortcuts (to documents in other locations) [0075 [DRAFT] Website Style Guide and Design System](https://drive.google.com/drive/folders/1dBFdq3hm5TygkHS56PCMi1l_sc7qjWKa)
- [HackforLA.org Style Guide and Design System example](https://www.figma.com/file/0RRPy1Ph7HafI3qOITg0Mr/Hack-for-LA-Website?node-id=3464%3A3)
- [100 Automations](https://www.figma.com/file/zGyhV8Z6sLohatYAnFoxQm/100Automations-Project-Board?node-id=243%3A363)
### Projects to Check
This issue has been replaced with the design systems team efforts and issue # https://github.com/hackforla/design-systems/issues/109
### Tasks
- [ ] This is where you will copy instructions from the wiki page for the step you are currently on.
Contributor guide
Assessment
This issue has not been assessed yet.