Ok, As you've already read the idea was to incorporate a typographic print design principle into a website and it's content, but this wouldn't just be any principle....
It's something that most people's eyes almost always notice when reading a magazine for the first time. Before you even read the main content of the article you've probably already glanced at the principle in question without even noticing that you've done it, but don't feel guilty.....this is the hierarchy of type. We wanted to draw this amount of attention to the websites we create for our clients by implementing this principle inside the content of their web pages.
If you haven't already guessed, we are talking about implementing a pullquote into the body copy of a website in order to make the text "pop" on screen resulting in the reader recieving an important key sentence or phrase made more available to them by not even having to look for that sentence or phrase in the first place.
In terms of heirarchy this wouldn't, as some might think, complicate things but it generally makes them clearer, not only because it cuts the chase out of getting the main part of the article but also because of the way people read text. For thousands of years people have been reading off stuff like parchment, scrolls, papyrus and eventually newspaper and magazines with their current rules of displaying typography through headings and sub-headings, pullquotes, body copy, images and page numbers. If you compare that to how long people have been reading text on the internet you could agree that this little project would become a welcomed addition to our resources.
The solution was to create a custom made tag that would essentially wrap itself around the body of type that was becoming the "pullquote" not unlike what could be considered a big typographic hug, resulting in what most people would be very familiar with seeing in a magazine or a newspaper but maybe not so much in a website and its content.
Join our mailing list to receive a regular copy of the Acorn Web Newsletter
Comments