7
edits
Webmaker/Design: Difference between revisions
→Design Contribution
No edit summary |
|||
| Line 10: | Line 10: | ||
* Design work will need to be submitted for a Design Review before it can be implemented. The mentor can provide this review. | * Design work will need to be submitted for a Design Review before it can be implemented. The mentor can provide this review. | ||
* Once design review is R+, the mentor can help loop in a dev to get the work implemented or follow up with user testing – whatever is the appropriate next step. | * Once design review is R+, the mentor can help loop in a dev to get the work implemented or follow up with user testing – whatever is the appropriate next step. | ||
* Any questions or getting stuck? Email Cassie at cassie at mozillafoundation dot org or jump into #webmaker on [https://wiki.mozilla.org/IRC IRC] and ask anyone there. | * Any questions or getting stuck? Email Cassie at cassie at mozillafoundation dot org or jump into #webmaker on [https://wiki.mozilla.org/IRC IRC] and ask anyone there. | ||
Are you looking to contribute? Here is what you need to get started: | |||
* We use Font Awesome for our icons. Visit [http://fortawesome.github.io/Font-Awesome/ Font Awesome] and you will be able to download the .OTF font. You will now have a Font Awesome font that you can use on your design mockups | |||
* We have a [https://drive.google.com/folderview?id=0B_rbDAen9prkS0N4MXRqaGo4bEE&usp=sharing Shared Drive] of our Design Assets. Logos can be found here as well. | |||
* We use [http://www.fontsquirrel.com/fonts/open-sans Open Sans] and [http://www.latofonts.com/lato-free-fonts/ Lato] for our fonts. | |||
* We use [http://getbootstrap.com/ Bootstrap] for our HTML markup. This is especially helpful when designing, as the [http://getbootstrap.com/css/#grid Bootstrap Grid] should give you an idea of how to layout your designs. | |||
* We have our own Bootstrap theme which we've named [http://mozilla.github.io/makerstrap/demo/#/ Makerstrap]. This resource will be super helpful when designing anything that needs to adhere to the Webmaker visual language. | |||
== Current heartbeat: [oct17]== | == Current heartbeat: [oct17]== | ||
This page refers to design work only. Refer to the [https://wiki.mozilla.org/Webmaker Webmaker wiki] for the longer list of work. | This page refers to design work only. Refer to the [https://wiki.mozilla.org/Webmaker Webmaker wiki] for the longer list of work. | ||