emberjs/website — pull request #85 by arbales (2012-06-04 02:23:16+00:00)
Title: Docs Readability Improvements

The current docs design is great – but the variation in alignments in both the sidebar and the content itself seemed fuzzy and somewhat arbitrary. Made some quick touchups…

* Use UPPERCASE very sparingly, its harder to read and in the case of this face, not super attractive. Just don't tell them that. They're special too. Its nicer in smaller sizes though.

* Lots of newlines for things like "Reopening Classes and Instances" in the sidebar caused by indentation made it harder to distinguish actual breaks.

* The background was a little competitive with the type, since the density and darkness of the dots occurred around the type.

* Made sense to switch to Lato for some parts of the nav since the stuff it navigated to was set in Lato.

* Decreased the line-height of some of the body copy to aid in readability.

**TODO**

* Inter-section and paragraph spacing seems too similar, its a little hard to distinguish the content divisions. I don't think there's any regression due to the lack of indentation, since it was only used for major sections, but it could still be better.

![After](http://mad.catman.co/1m0B1a131W0U232q2c1m/content)

![Before](http://mad.catman.co/3A3a063s130F2f020t0W/content)