Typographic web design
How to think like a typographer in HTML and CSS.
initial solution
Revision
Student Example
Lesson 9: A Film Series, Part 4
Attend to the Details (Punctuation, Numbers, Rule Lines, Widows)
Chris Nelson, Spring 2010
Chris refines his text by integrating a second font, fixing his punctuation (em and en dashes, curly quotes), adding rule lines, and attending to widows.
All of Chris' film series pages
Recommendations
The hierarchy is better. Nice use of bold to emphasize "free films."
It looks like you slightly narrowed your columns to fix the widows. That's the best choice here. Since readers are skimming, the short line length is fine, and it gets rid of the extra vertical spaces between paragraphs.
Personally, I think the film titles could still stand out more. But they do work. The italic, size, and vertical spacing do catch the eye when scanning for films.
The space at the top of the page would be lovely if we were to print out the entire webpage onto a poster-size sheet. It's well-balanced with the length of the page. BUT readers on the web are only going to see a small amount of the page at one time.
The top space can be smaller. The tension would work and allow for more text/content to be visible upon coming to the page.
Finally, pay attention to details. You missed a couple of acronyms and em dashes. This happens. I do it too. When working for a client, it's a great idea to show your work to a colleague. Fresh eyes always catch little details we miss.