Great moment in Grid system design: Yahoo blog - Friends & testimonials page

June 16th, 2008 • Typhography
Tags: blog, great moment, grid system, gutter, unit, web design, yahoo

I think I dont have to say any single word, the pictures below tells all.
(All pictures were captured under 1280pixels x 800pixels resolution)
Read more »

Redesign my blog: Step 02 - Typography & Grid system

June 9th, 2008 • 5 comments About Me
Tags: blog, grid system, khoi vinh, kimberly elam, redesign, typography

Did I told you I am a big fan of Khoi Vinh? The impact of Khoi Vinh’s Grid system concept on my point of view of web design is very high. I build my Typography & Grid system under Khoi Vinh & Mark Boulton’s instruction, you can find the recipe here. I also add some tips from Kimberly Elam’s Typographic Systems of Design, and here are the elements:

1. My Grid System:
   1. Canvas: 971 pixels
   2. Unit: 99 pixels
   3. Total of Units: 9
   4. Gutter: 10 pixels
   5. Total of Gutters: 8
2. My Typeface:
   1. Font family: Verdana, Georgia, Arial
   2. Font for site’s title, site’s slogan, content’s title, menu small text, small link: Verdana
   3. Font for calendar: Georgia
   4. Font for content’s body: Arial

Almost done, hah! In my next blog, I will introduct my wireframe to you.