Existentia
How do you design a website meant to be read, not scrolled past? A Figma design system built for long-form philosophical writing, with a typographic hierarchy and grid tuned for comfortable, distraction-free reading.
Overview
A content-first design system built in Figma for a site meant to hold a large volume of long-form philosophical writing. The modular grid, inspired by Swiss International Style, and a rigorous typographic hierarchy keep dense academic text legible and easy to navigate.
The design uses generous white space as a structural tool, preventing information overload and keeping the reader focused on the argument. A scalable Figma component library and developer-ready handoff specs mean new essays and articles can be added while staying visually consistent.
Scope of work
Content-first grid
A modular grid system built for long-read consumption, inspired by Swiss International Style.
Typography system
A rigorous typographic hierarchy with careful line height, tracking, and spacing for academic-level reading.
Component library
A scalable Figma component and text-style library for adding new essays and articles consistently.
Dev handoff
Developer-ready specs with spacing tokens and font-weight mappings for a smooth handoff to build.
