1 / 7

Gooru UX Style Guide

Gooru UX Style Guide. 8/3/2011. Logos. Gooru Font: Cambria Colors: #4e9746, #1076bb Tagline Font: Bradley Hand ITC Color: #515151. Ednovo Font: Rage Italic Std Colors: #4e9746, #1076bb Tagline Font: Arial Color: #999999. Colors. Gooru Blue # 1076bb R:16 G:118 B:187 .

joanna
Download Presentation

Gooru UX Style Guide

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Gooru UX Style Guide 8/3/2011

  2. Logos Gooru Font: Cambria Colors: #4e9746, #1076bb Tagline Font: Bradley Hand ITC Color: #515151 Ednovo Font: Rage Italic Std Colors: #4e9746, #1076bb Tagline Font: Arial Color: #999999

  3. Colors Gooru Blue #1076bb R:16 G:118 B:187 Gooru Green #4e9746 R:78 G:151 B:70 Orange #fbb03b R:251 G:176 B:59 Yellow #ffffcc R:255 G:255 B:204 Darkest Gray #515151 R:81 G:81 B:81 Dark Gray #999999 R:153 G:153 B:153 Light Gray #dddddd R:221 G:221 B:221 Lightest Gray #e7e7e7 R:231 G:231 B:231

  4. Fonts • Arial • Use: Default for all text, Ednovo tagline • Rage Italic Std • Use: Stylized and Specific Situations, Ednovologo • Cambria • Use: Gooru logo • Bradley Hand ITC • Use: Gooru tagline

  5. Building Blocks Visit Site Visit Site • Visit Site • Visit Site • Links • Default: #1076bb, undecorated • Hover: Underlined • Active: -- • Visited: -- Buttons Default: Color: #515151 Weight: Bold Rounded Rectangle: 4px Radius Background Color: #e7e7e7 Border: 1px solid #999999 Hover: Border: 1px solid #515151 Background Color: #dddddd Background Gradient: #dddddd to #e7e7e7 Active: Color: #e7e7e7 Background Color: #515151

  6. Building Blocks • Page Titles • Font Size: 40px • Color: #999999 Page Text Font Size: 12px Color: #515151 Section Titles Font Size: 16px Color: #515151 Weight: Bold User Input Fields Font Size: 12px Color: #000000 Special Section Titles Font Size: 16px Color: #4e9746 Weight: Bold

  7. Icons

More Related