The text box that begins "We want to know..." is the most important text on the whole page and you need to fix the typography.
First and foremost, increase the contrast between the foreground and background so that the text is readable. The text weight is much lighter in Google Chrome than in Firefox. Here is how it looks for me: http://imgur.com/DP9d0
To increase the contrast, darken the background of the entire text box, not just the edges.
Also, courier is not one of the most readable fonts. Save the fonts with "personality" for your headers and opt for a more readable font for the core text. I would suggest Georgia, since it's a font that was specifically designed for the screen and it's a serif font which contrasts nicely with the sans serif header. It will also make the page look more professional.
Thanks techiferious. I was looking at the site on my iPad last night and realized we totally missed the boat on optimizing this for mobile voting too (i have a feeling lots of people will be holding ipads/iphones while watching the game). There's a lot of tweaks that need to be made for sure.
Thanks, techiferous! Great call on the on the main text box. It's fixed to be more legible now. Learning that good looking slab-serif stacks are pretty much non-existent without font embedding :)
Very nice. I have to ask, though, aren't you concerned at all about the NFL taking issue with this? They're pretty agressive at policing their trademarks. Using the term "Super Bowl" and images of the teams' helmets is probably a no-no, even if you're not making money off of this.
13 comments
[ 2.6 ms ] story [ 35.8 ms ] threadThe text box that begins "We want to know..." is the most important text on the whole page and you need to fix the typography.
First and foremost, increase the contrast between the foreground and background so that the text is readable. The text weight is much lighter in Google Chrome than in Firefox. Here is how it looks for me: http://imgur.com/DP9d0
To increase the contrast, darken the background of the entire text box, not just the edges.
Also, courier is not one of the most readable fonts. Save the fonts with "personality" for your headers and opt for a more readable font for the core text. I would suggest Georgia, since it's a font that was specifically designed for the screen and it's a serif font which contrasts nicely with the sans serif header. It will also make the page look more professional.
(That is, if you felt like spending your time messing around with fonts. ;)
http://www.facebook.com/promotions_guidelines.php