redesign
Reddit Style Guide
Reddit.com is a magical place — a place to laugh, to gaze, to learn, to share, and to converse.
Color Palette
Primary
Interactive Gray #949494 R 148 G 148 B 148
Static Gray #4B4B4D R 75 G 75 B 75
Orangered #FF4500 R 69 G 69 B 0
Header & Extra #CEE3F8 R 206 G 227 B 248
Secondary
Black #000000 R 0 G 0 B 0
1
Grid
90px
72px
Gird Specs
2
Total Width 960px Content Area 780px 9 Columns Gutter 16.5px Column 72px
16.5px
Type
Type Formatting
nav bar
Body copy
Titles
nav bar
Body copy
Titles
Open Sans Regular Size 26px Lower case Off #000000 Active #FF4500
Body copy Open Sans Regular Size 16px Leading 20px Title case Static #4B4B4D Link #949494 Hover #FF4500
Open Sans Bold Size 26px Case n/a Link #949494 Hover #FF4500
subnav
Secondary
Icon link
subnav
Secondary
Icon link
Open Sans Regular Size 16px Leading 20px Title case Off #949494 Active #FF4500
Secondary Open Sans Regular Size 13px Leading 17px Title case/lower case Static #4B4B4D Link #949494 Hover #FF4500 Active #FF4500
Open Sans Regular Size 13px Leading 17px Title case/lower case Link #949494 Hover #FF4500 Active #FF4500
3
Icons
Home Page Icons
Share
15px
Default Image
36px
15px 36px
Report
Save
Hide
40px
Vote Function
40px
Larger Icons Shopping
25px 25px
$
Donate
Search
T
Post text
Post link
Log in
Tumblr
Standalone icons
4
Social Icons
Example Layout
5
What’s different about Reddit is that it’s a real, reliable, vibrant, community.