A new client sent me material for his site. Text, text and more text. Hmm. That website will be created at some point, but meanwhile, as I sent him some samples, I came up with useful material for a blog post.
Websites with Lots of Text and Fine Presentation
Here is a site that is predominantly text – the only other elements are lines and little triangles. In general, if you want to find sites that have a different sort of look, designers are often taking risks and going for the unusual, like Zachary Pullman does on his website.
On this website, the only non-text elements (on the top) are the V shaped logo and the colorful boxes that represent the people of Friends of the Web. Simple idea, powerful statement. A bold top red border ties together the predominant white space of this website.
Lots of text on this black and blue on white magazine site: the only non-text elements are blue circle icons and the Twitter bird on the left sidebar. The left sidebar stays in place while the articles on the right scroll. The black menu in the top right corner only appears when you mouseover a black down arrow. The site is called svbtle, which seems to be a rather subtle name.
One could argue that this site would not work without those incredible illustrations, but the treatment of the text captures my attention as well. Simon Collison is clearly a creative designer, writer and speaker.
A long website in design, all the images are made up of text, and the web text is in a serif font (has those feet at the bottom of the letters), giving it a formal look. I’m not sure Dive Into HTML5‘s design would work for a regular business, but who knows. It certainly got my attention, and it’s easy to navigate.
I designed and built this site for Geri Rosman Public Relations a few years ago. It is the only one on this page with a feminine touch. The subtle grays and black work nicely with the bright red. Carefully laid-out text means it’s easier for the visitor to read.
This last one is less text-intensive than the others, but it is a wonderful example of responsive design. With only one larger image, a series of equally-sized smaller ones and a hunk of text, a beautiful website is created. Be sure to visit A Flexible Grid on A List Apart and move the browser in and out to see how the responsive design works.
Your Turn, Please
What sorts of websites appeal to you? Have you found any with a lot of text that work well? Which of these text-intensive web designs capture your attention?