maverick/docbrown
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
docbrown/docs/design-guidelines.md
Peter Frank a3dbc246e5 Add design guidelines to docs (#422) 
* Add design guidelines to docs

Design inspiration, notes, and acknowledgments

* Update design guideline wording
2018-08-24 15:39:18 -04:00

1.7 KiB
Raw Blame History

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.

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 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 to reference commonly-used colors and fonts.

Acknowledgments

  • We use the Joystick font by Neale Davidson and Pixel Sagas for the DEV Logo. We have a commercial license.
  • Thank you to EmojiOne 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.