Online Library
of Liberty
Online Library
of Liberty
Online Library
of Liberty
Online Library
of Liberty
Online Library
of Liberty
About
Spanning the centuries from Hammurabi to Hume, and collecting material on topics from art and economics to law and political theory, the Online Library of Liberty provides users with a rich variety of texts to explore and consider.
We completely redesigned how users interact with a book's content with big improvements to navigating, searching, citing passages (a key feature often used by the research audience coming to the site), note-taking, and an ebook-like interface allowing users to engage in a distraction free reading experience.
A new look
New colors, new fonts, a sophisticated ownable look.
New colors, new fonts, a sophisticated ownable look.
New colors, new fonts, a sophisticated ownable look.
New colors, new fonts, a sophisticated ownable look.
New colors, new fonts, a sophisticated ownable look.
One system to rule them all
A modular page design built to adapt to every form of content on the OLL.
A modular page design built to adapt to every form of content on the OLL.
A modular page design built to adapt to every form of content on the OLL.
A modular page design built to adapt to every form of content on the OLL.
A modular page design built to adapt to every form of content on the OLL.
Section 1 / The Intro
At the top of the page, you'll find the basics of the book. Content you'd expect and a few unexpected features in the toolbar. Anchoring the page is a hero image that adapts depending on which of the 13 top-level topics the book falls into. Allowing the Liberty Fund editorial team to customize each book page while retaining overall consistency.
At the top of the page, you'll find the basics of the book. Content you'd expect and a few unexpected features in the toolbar. Anchoring the page is a hero image that adapts depending on which of the 13 top-level topics the book falls into. Allowing the Liberty Fund editorial team to customize each book page while retaining overall consistency.
Section 2 / The Wiki
A crafted "wiki" section that adds depth to the content of the book through authors, key quotes, key concepts, and more. The Liberty Fund editorial team can add as much or as little context and detail to this section, expanding on each individual book page as needed.
A crafted "wiki" section that adds depth to the content of the book through authors, key quotes, key concepts, and more. The Liberty Fund editorial team can add as much or as little context and detail to this section, expanding on each individual book page as needed.
Section 3 / The Book
Flowing from the wiki section users can engage with the book's content in a distraction-free experience. With the toolbar always at their disposable, users can find, cite, note-take, and select page view for an ebook-like experience.
Flowing from the wiki section users can engage with the book's content in a distraction-free experience. With the toolbar always at their disposable, users can find, cite, note-take, and select page view for an ebook-like experience.
Is it toolbar or toolbox?
A sticky toolbar where users can navigate, find in page, take notes, and cite content. Settings allow users to customize font, size, and color settings.
A sticky toolbar where users can navigate, find in page, take notes, and cite content. Settings allow users to customize font, size, and color settings.
A sticky toolbar where users can navigate, find in page, take notes, and cite content. Settings allow users to customize font, size, and color settings.
A sticky toolbar where users can navigate, find in page, take notes, and cite content. Settings allow users to customize font, size, and color settings.
A sticky toolbar where users can navigate, find in page, take notes, and cite content. Settings allow users to customize font, size, and color settings.
Behind the scenes
Behind all good design is a system of design. Multiple Figma files linked to the Component Library housed various progressions of the project. We were challenged to build a system that was as expandable as the final product.
Behind all good design is a system of design. Multiple Figma files linked to the Component Library housed various progressions of the project. We were challenged to build a system that was as expandable as the final product.
Behind all good design is a system of design. Multiple Figma files linked to the Component Library housed various progressions of the project. We were challenged to build a system that was as expandable as the final product.
Behind all good design is a system of design. Multiple Figma files linked to the Component Library housed various progressions of the project. We were challenged to build a system that was as expandable as the final product.
Behind all good design is a system of design. Multiple Figma files linked to the Component Library housed various progressions of the project. We were challenged to build a system that was as expandable as the final product.
Until next time
The book page of the OLL was one piece of a larger engagement with Liberty Fund. We built this experience with the intention and the ability for it to expand and begin to encompass the larger OLL website.
The book page of the OLL was one piece of a larger engagement with Liberty Fund. We built this experience with the intention and the ability for it to expand and begin to encompass the larger OLL website.
The book page of the OLL was one piece of a larger engagement with Liberty Fund. We built this experience with the intention and the ability for it to expand and begin to encompass the larger OLL website.
The book page of the OLL was one piece of a larger engagement with Liberty Fund. We built this experience with the intention and the ability for it to expand and begin to encompass the larger OLL website.
The book page of the OLL was one piece of a larger engagement with Liberty Fund. We built this experience with the intention and the ability for it to expand and begin to encompass the larger OLL website.
In order
of appearance
Coign
Aeonik Fono
Aeonik Pro
Nib Pro
Socials
Socials
Socials