Create a Guide/Template: Website Style Guide and Design System #75
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
- with examples from
- Create a Guide/Template: Favicons #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 (open in a new tab)
- Gather Examples Collaboratively
- Create a Guide Draft
- If needed, create a template
- Have your guide peer reviewed
- Present 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
- HackforLA.org Style Guide and Design System example
- 100 Automations
Projects to Check
This issue has been replaced with the design systems team efforts and issue # hackforla/design-systems#109
Tasks
- This is where you will copy instructions from the wiki page for the step you are currently on.