Tufte CSS

https://edwardtufte.github.io/tufte-css/

Tufte CSS

Tufte CSS provides a set of styles for web articles, inspired by the design principles found in Edward Tufte's books and handouts. The project, created by Dave Liepmann and now an Edward Tufte project, emphasizes simplicity, extensive use of sidenotes and marginal notes, tight integration of graphics with text, and carefully chosen typography. It aims to adapt Tufte's print-based techniques for the web, focusing on enhancing readability and the effective display of information.

by Dave Liepmann · 8 min · 10.24.2025

Note

sparklines are great. seeing those design principles be applied to web+css feels enlightening.

Link

https://edwardtufte.github.io/tufte-css/

Published

2025

Summary

Tufte CSS provides a set of styles for web articles, inspired by the design principles found in Edward Tufte's books and handouts. The project, created by Dave Liepmann and now an Edward Tufte project, emphasizes simplicity, extensive use of sidenotes and marginal notes, tight integration of graphics with text, and carefully chosen typography. It aims to adapt Tufte's print-based techniques for the web, focusing on enhancing readability and the effective display of information.
#tufte css#web design#typography#sidenotes#marginal notes#edward tufte#dave liepmann#html#css#articles#design principles