Style
Guide
Table of
Contents 3 4 6 8 10
2
Introduction and Vision Logo Typeface Color palatte Content example
In troduction We often do not have time or energy to read lengthy formal news stories. As students who attend one of the nationally top-rated journalism schools, we wanted to create a way for students and non-students who lead busy lives to have easy access to a reliable news source that offers digestible news on the go. After reading hundreds of pages of dull, dry textbooks for our studies, we did not want to go and read long-form articles, but we still wanted to be informed. So, we came up with radISH.
Vision
radISH is a media company that was created in order to introduce accessible, personable news to a world where media is overrun by stuffy and confusing journalism. While the topics radISH cover range from serious to lighthearted, they report on them in a self-aware and charming way.
3
Logo
Guidelines 130 px
253 px Any smaller than this, and the logo loses it’s “digestible news” text.
96 px
180 px
4
Any smaller than this, and the design element radish loses it’s tail and leaf detail.
Please DON’T do any of the following things to our logo.
DON’T compress the size.
DON’T change the color.
and DON’T tilt it. Why would you even want to do this?
5
Logo
Colors Multicolor Radish Logo
Green Radish Logo
6
White Radish Logo
Black Radish Logo
7
Colors radISH’s color palette embodies the down-to-earth and rich colors. Employing a range of earth tones facilitates our ideal as a media outlet.
8
RADISH RED Red: Pantone 484C CMYK: 27, 89, 84, 24 RGB: 150, 52, 46 HEX: #95342e
MAROON Pantone 491C CMYK: 65, 100, 100, 45 RGB: 76, 21, 24 HEX: #4b1517
LEAFY GREEN Pantone 7490C CMYK: 59, 28, 82, 9 RGB: 113, 142, 83 HEX: #718e53
DARK GREY CMYK: 31, 25, 24, 0 RGB: 179, 178, 179 HEX: #b3b2b3
LIGHT GREEN Pantone 358C CMYK: 30, 0, 62, 0 RGB: 185, 217, 134 HEX: #b9d986
LIGHT GREY CMYK: 9, 6, 7, 0 RGB: 230, 230, 230 HEX: #e6e6e6
Design elements RADISH The radish is an element that can be employed in a variety of ways including as indicators of the end of an article, a home button on mobile, general visual balance.
DRY DIRT PATTERN The dry dirt pattern has both print and online applications in a variety of line weights. In online applications the pattern can be employed as a header pattern, as a loading page, and in email. Print applications could be patterns on business cards, flyers, and advertisments.
RADISH TAIL The radish tail can be applied in both print and digital, aslo at a variety of line weights.
9
Typography
HEADLINE SUBHEADLINE
COPY
PULLQUOTE 10
CLEAR AND EFFECTIVE COMMUNICATION Using type to convey a message and a vibe - digestible
Our font face, Poppins was chosen to support our organic feel balanced with bold statements. Easy to read and approachable, it allows for a broad palette for typographical design. We use four typefaces from the font family: Black, Thin Italic, Italic, and Regular. Utilizing these typefaces, we can clear and effictively not only communcate our message, but also vibe. radISH’s goal is clear and effective communcation that is friendlly and digestible.
“Easy and digestible”
Poppins
Blac Thin Italic Regu 11
Collateral
BUSINESS CARD 12
LETTERHEAD 13
Desktop:
Home
Example 14
Content
Landing Page
Gidt pops up upon pressing and holding articles.
Mobile:
Home
15 15
Desktop:
Article
Example 16
Content
Definition pops up upon pressing and holding bolded words.
Mobile:
Article
Definition pops up upon pressing and holding bolded words.
17 17
Desktop:
Video
Example 18
Content
Mobile:
Video
19 19
Desktop:
Staff Page
Example 20
Content
Mobile:
Staff Page
21 21