maverick/docbrown
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
docbrown/docs/design/branding.md
Jacob Herrington 7d0aeeefe5 Improve the clarity of the docs and fix Prettier config (#4899) 
* Improve format and clarity of the docs [ci skip]

While this change produces a lot of git noise by enacting what seems
like an arbitrary linewrap on most of the files in the documentation it
will result in better version control and tracking of the changes in the
documentation.

For example, as it currently stands, if one was to make a
PR to move a comma in a sentence because each paragraph in most of the
files is on a single line, that small change would look in the git
history like the author had modified the entire paragraph. In reality,
this author just moved a comma.

This change also includes a significant number of modifications to the
more article-esque docs. Many of these docs were written in a sort of
stream-of-conciousness and aren't as easy to read as they could be.
Hopefully this is the first of several readability changes. If we could
get these docs to a more accessible reading level, we would probably see
an increase in contributions. :)

* Delegate markdown wrapping to Prettier

* Add linewrapping explanation in the docs [ci skip]
2019-11-26 08:40:53 -05:00

1.6 KiB
Raw Blame History

title
Branding Guidelines

Branding Guidelines

DEV Theme

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 have been "DEV MAGAZINE," with the exact same branding.

Branding Rules

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

Design License Info

  • We use the Joystick font by Neale Davidson and Pixel Sagas for the DEV Logo. We have a commercial license.
  • We use EmojiOne icons from JoyPixels. We have a commercial license.