The lonely road

If you’ve studied design at all, you’ve probably encountered Lorem Ipsum placeholder text at some point. Anywhere there is text, but the meaning of that text isn’t particularly important, you might see Lorem Ipsum.

Most people recognize it as Latin. And it is. But it is arbitrarily rearranged and not quite coherent Latin, extracted from a book Cicero wrote in 45 BC. Here’s the complete quote, with the bits and pieces that make up Lorem Ipsum highlighted.

An Heading title

So when you need filler or placeholder text, you naturally reach for Lorem Ipsum as the standard. The theory is that, since it’s unintelligible, nobody will attempt to read it, but instead focus on other aspects of the design. If you put readable text in the design, people might think the text is important to the design, that the text represents the sort of content you expect to see, or that the text somehow itself needs to be copyedited and updated and critiqued.

.color-swatches .gray-dark {
    background-color: #333;
.color-swatches .gray {
    background-color: #555;
.color-swatches .gray-light {
    background-color: #999;
.color-swatches .gray-lighter {
    background-color: #eee;

Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.

Here’s the pre stuff;

this is the code