a3dbc246e5
* Add design guidelines to docs Design inspiration, notes, and acknowledgments * Update design guideline wording
23 lines
1.7 KiB
Markdown
23 lines
1.7 KiB
Markdown
## High Level Design/Brand
|
||
|
||
DEV's design inspiration is meant to be a throwback. In personality and design it is ATARI inspired. Magazines like PAPER are also an inspiration in terms of being a [bold contrast with some more indy](https://www.google.com/search?biw=1440&bih=780&tbm=isch&sa=1&ei=KSN8W5WVLoy55gLI77TgBA&q=paper+magazine+cover&oq=paper+magazine+cover).
|
||
|
||
We also think in terms of how people use the DEV brand for their own purposes. Profiles are very much public-facing records of what people have put out into the world. `dev.to/{username}` is your dev identity.
|
||
|
||
Imagine a developer’s face with the DEV heading above them. If we existed in the 80’s we would be DEV MAGAZINE, with the exact same branding.
|
||
|
||
## Misc Notes
|
||
|
||
- [Joystick](http://www.pixelsagas.com/?download=joystick) should be used for logos, not for headlines/phrases
|
||
- Black and white is our default logo but the logo can be drawn in any color
|
||
- DEV is "old school cool"
|
||
- We use bold shadows (no gradient) for boxes
|
||
- We have a minimal approach to importing dependencies, so few if any custom fonts on-site for that reason.
|
||
- Refer to the `variables.css` [file in our main repo](https://github.com/thepracticaldev/dev.to/blob/master/app/assets/stylesheets/variables.scss) to reference commonly-used colors and fonts.
|
||
|
||
## Acknowledgments
|
||
- We use the [Joystick](http://www.pixelsagas.com/?download=joystick) font by Neale Davidson and [Pixel Sagas](http://www.pixelsagas.com/) for the DEV Logo. We have a commercial license.
|
||
- Thank you to [EmojiOne](https://www.emojione.com/) for providing free emoji icons
|
||
|
||
## TODO
|
||
We do not currently have a specific design guideline, but we will put this together over time. It may be easier to contribute new features once we develop a stricter guide.
|