Create a Guide/Template: Website Style Guide and Design System

### 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.

Beginnen Sie nicht mit diesem Issue: Es besagt, dass die Arbeit durch die Arbeit des Design-Systems-Teams in Issue #109 ersetzt wurde. Wenn Sie den ursprünglichen Umfang überprüfen, beginnen Sie mit der verknüpften Abhängigkeit vom universellen Design-System und konsultieren Sie anschließend die aufgeführten Wiki-Phasen sowie den Google-Drive-Ordner und die Figma-Beispiele. Als abgeschlossen hätte ein überprüfter und von der Leitung genehmigter Leitfaden vorliegen müssen, aber das Issue bietet keinen aktiven Implementierungspfad.

Vom Indexierungsmodell aus dem Issue-Text verfasst.