Repository navigation
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.
Activity
[-]Website Style Guide and Design System[/-][+]Create a Guide: Website Style Guide and Design System[/+]ExperimentsInHonesty commentedon Sep 22, 2021
fchan218 commentedon Oct 9, 2024
Prior version of issue
Overview
Product Managers, Designers and Developers need a style guide to make sure the website created is consistent.
Action Items
BonnieDesign Systems team and revise as appropriate based on notesResources
Finished
Work in Progress
HackforLA.org Style Guide and Design System example
100 Automations
fchan218 commentedon Oct 9, 2024
Assignee, Labels, Project Board Placement, and Milestones for this issue in the Product Repo:
5 remaining items
[-]Create a Guide: Website Style Guide and Design System[/-][+]Create a Guide/Template: Website Style Guide and Design System[/+]ExperimentsInHonesty commentedon Apr 25, 2025
Currently the Internship team is building a universal design system