Changes between Initial Version and Version 1 of PHGStyleGuide

Show
Ignore:
Timestamp:
11/11/08 15:55:10 (16 years ago)
Author:
brent (IP: 64.61.145.42)
Comment:

--

Legend:

Unmodified
Added
Removed
Modified

  • PHGStyleGuide

    v1 v1  
     1 
     2== Pregnancy Health Guru Style Guide 
     3 == 
     4 
     5[[BR]]'''Design Theme:''' 
     6 
     7[[BR]]''Pregnancy Health Guru is:'' 
     8[[BR]]youthful, vibrant, bold, exciting, modern, clean, uncluttered, accessible, friendly, Female,  connected, optimistic, creative, fun, energetic, informative, credible 
     9 
     10[[BR]]''Pregnancy Health Guru is not:'' 
     11[[BR]]girly (no flowers and princesses), childish, pretentious, overly sophisticated, organic, retro, cute, overly busy, overly flashy, clinical. 
     12 
     13[[BR]]'''Demographic:''' 
     14[[BR]]18-45 y/o professionals who are actively engaged in starting a family. Primarily a female audience but the site should also serve men.   
     15 
     16[[BR]]'''Layout and composition:''' 
     17[[BR]]3 column layout with occasional overlap on certain pages. The layout has a magazine style homepage with featured content and an index of all content offered on the site. Featured videos and video player are displayed in the top center. 
     18 
     19[[BR]]The primary navigation for Content is in the left navigation bar which has big bold rollovers allowing the user to preview content offered at the next level. No top navigation is currently used in order to focus the viewer on the content more prominently but the site was designed to accommodate top navigation if needed in the future. 
     20 
     21[[BR]]The search feature displays content from individual channels as well as from across the HealthGuru platform. 
     22 
     23[[BR]]''The following should appear on every page.'' 
     24[[BR]]  Channel log in upper left 
     25[[BR]]  Left nav bar 
     26[[BR]]  Footer 
     27[[BR]]  Search Box (With login/account links) 
     28[[BR]]  728x90 Leaderboard ads 
     29[[BR]]  300x250 rectangle ads 
     30[[BR]]  Register/welcome box 
     31[[BR]]  Subscribe Box (rss and email) 
     32 
     33 
     34[[BR]]'''Typography:''' 
     35 
     36[[BR]]''The following fonts may be used in the following order:'' 
     37[[BR]]Myriad pro 
     38[[BR]]Verdana (11 points) 
     39[[BR]]Lucida grande 
     40[[BR]]Trebuchet 
     41[[BR]]Arial 
     42 
     43[[BR]]Font Family: Sans-serif 
     44 
     45[[BR]]'''Color palette:''' 
     46[[BR]]Primary color choices:  
     47[[BR]]Pink (FF7EB4) 
     48[[BR]]Blue (22B2DF) 
     49[[BR]]Yellow (F7FFC2) 
     50 
     51[[BR]]'''Images:''' 
     52[[BR]]The following list indicates the standard image sizes to be used across all of our new sites. This list encompasses all currently known uses and we should strive to conform to these standard sizes with all future designs.  
     53  
     54[[BR]]''Content/Video/Article images'' 
     55[[BR]]1. 640x480 (Horizontal) 
     56[[BR]]2. 480x360 (Horizontal) 
     57[[BR]]3. 270x202 (Horizontal) 
     58[[BR]]4. 100x75 (Horizontal) 
     59[[BR]]5. 77x58 (Horizontal) 
     60  
     61[[BR]]''People/Contributor/Expert/Profile images'' 
     62[[BR]]1. 480x640 (vertical) 
     63[[BR]]2. 150x200 (vertical) 
     64[[BR]]3. 58x77 (vertical) 
     65[[BR]]4. 27x36 (vertical) 
     66  
     67[[BR]]When uploading images on the new platform we no longer need to 'save for web'. We should simply upload the image as a jpg file at 640x480 or 480x640.   
     68 
     69[[BR]]In all future designs delivered to IT for development the designer should note the size of any images used from the list above. 
     70 
     71[[BR]]Images and videos will be stored in Media Pack’s with all of the sizes shown below and associated with published works in order to display the proper imagery across the entire platform.