4 ms·

Just a fun little experiment we built in a couple days.

techiferous 16y ago
Cool! Here's some helpful feedback. 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 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.
- corbett3000 16y ago
  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.
- linesandwaves 16y ago
  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 :)
  - techiferous 16y ago
    Rockwell is a nice slab serif font. If you're looking for a good @font-face compatible slab serif font, check out Museo Slab: http://www.fontspring.com/fonts/exljbris/museo-slab http://www.fontspring.com/fonts/exljbris/museo-slab (the 500 weight is free) (That is, if you felt like spending your time messing around with fonts. ;)
  - techiferous 16y ago
    Wow, that was quick! It's more readable now. Best of luck; I hope it goes viral for you!

Cool! Here's some helpful feedback. 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 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.

corbett3000 16y ago
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.
linesandwaves 16y ago
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 :)
- techiferous 16y ago
  Rockwell is a nice slab serif font. If you're looking for a good @font-face compatible slab serif font, check out Museo Slab: http://www.fontspring.com/fonts/exljbris/museo-slab http://www.fontspring.com/fonts/exljbris/museo-slab (the 500 weight is free) (That is, if you felt like spending your time messing around with fonts. ;)
- techiferous 16y ago
  Wow, that was quick! It's more readable now. Best of luck; I hope it goes viral for you!