maverick/docbrown
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
docbrown/docs/design/branding.md
Andy Zhao 955bdcb2bc
Update docs with Forem instead of dev.to (#9316) 
* Rename all GitHub links from thepracticaldev/dev.to to forem/forem

* Use new site name

* Rename to Forem

* Rename more dev.to to forem

* Remove unnecessary redirects

* Rename DEV to Forem

* Use Forem instead of DEV for branding

* Use Forem instead of DEV for licensing

* Use seedling instead of DEV logo
2020-07-15 13:29:11 -04:00

1.7 KiB
Raw Blame History

title
Branding Guidelines

Branding Guidelines

Forem Theme

Forem'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 Forem 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 developer 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.
  • Forem/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.scss 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.