Blockquote Demonstration

Blockquotes in Tufte CSS maintain the elegant, readable style that characterizes the entire system.

Basic Blockquotes

The English language is a work in progress. Have fun with it.

Jonathan Culver

Simple blockquotes like this one demonstrate the clean typography and appropriate spacing that makes quoted material stand out without overwhelming the page design.

Extended Blockquotes

We are drowning in information and starving for knowledge. The good news is that the research shows us how to transform information into knowledge. We need to slow down, synthesize, and take time to turn information into insight.

The goal is not to consume more information, but to think more deeply about the information we already have.

Cal Newport, Digital Minimalism

Longer blockquotes spanning multiple paragraphs maintain proper spacing and indentation throughout.

Blockquotes with Citations

Typography is the craft of endowing human language with a durable visual form, and thus with an independent existence. Its heartwood is calligraphythe dance, on a tiny stage, of the living, speaking handand its roots reach into living soil, though its branches may be hung each year with new machines.

Bringhurst, The Elements of Typographic Style

Blockquotes in Context

The surrounding text flows naturally around blockquotes¹, maintaining the document’s rhythm and readability.

The best way to find out if you can trust somebody is to trust them.

Ernest Hemingway

The integration of blockquotes with margin notes² demonstrates the flexibility of the Tufte CSS system.

Footnotes

1. This demonstrates how sidenotes work alongside blockquotes. ↩

2. Margin notes can provide additional context for quoted material without interrupting the visual flow. ↩