01 · CASE STUDY · 2026

A 750-year-old book, redesigned for the phone in your pocket.

Summa is a reading and listening app built on short exchanges of question and answer. Each chapter takes a few minutes, can be read or heard, and earns a seal when you finish it. Four guided meditations bring it into everyday life. It opens from a link on any phone, in English or Spanish, with no account and nothing to install. I designed and built it end to end: the interface, the type and colour system, the illustration direction and the listening experience.

PRODUCT & UX VISUAL DESIGN ILLUSTRATION DIRECTION BUILD
Watch the app in action0:44 · app walkthrough
Summa app icon
Home screen
Chapter reader
Contents
Seals of Wisdom, 23 of 61 unlocked
ROLE
Product, UX, visual design, build
YEAR
2026
TYPE
Installable web app
LANGUAGES
English · Spanish
02 · THE BRIEF

An app people would actually finish.

Most apps built on a serious text make one of two mistakes: a wall of text, or trivia. Summa had to avoid both.

It is for anyone with a real question and a few spare minutes: a commuter, a catechist between classes, a parishioner who has never opened the Summa. So each chapter had to fit one short sitting, work on a phone in either language, be heard when it couldn't be read, and show the reader how far they had come.

The design problem: make a serious body of work feel finishable, without making it trivial.

Contents: search, themes, chapters, volumes
61
CHAPTERS
781
Q&A PAIRS
2
LANGUAGES
7 h
NARRATION
03 · THE APPROACH

Four decisions that shaped everything else.

01
Keep his form, don't rewrite it

Aquinas already wrote in short questions and answers. One pair per screen, rather than prose the reader has to break up themselves.

02
Audio is not a second product

The same text, read or played. The player sits inside the chapter, not in a separate section, so listening is never a detour.

03
Reward finishing, not opening

A seal is earned when a chapter's narration ends, not when it starts. Progress means something because it costs something.

04
No account, ever

Progress lives on the device. Nothing to sign up for, nothing collected, and the language switches mid-chapter without losing your place.

04 · CONTENTS AND SEALS

Knowing where you are in a work this size.

Sixty-one chapters is a lot to face at once. Contents offers the same body of work three ways: by theme for the curious, by volume for the systematic, by search for anyone with a question already in mind. No reader is forced through the front door.

EARNED, NOT OPENED

A seal arrives when a chapter's narration finishes, five seconds before the end, while you are still listening. Tying it to completion rather than to opening is what keeps it from becoming a badge.

A FIXED TOTAL

Every seal is visible from the start, earned or not. Progress reads against sixty-one, not against an open-ended list, so finishing is a real horizon, not a receding one.

Contents. Browse by theme, by volume, or search
Seals. 23 of 61 chapters finished
05 · MEDITATIONS

One question at a time, swiped like cards.

The Meditation tab holds four guided sets: identity, purpose, suffering and relationships. Each one is a short stack of cards: a question on its own screen, then its answer when you swipe. One card at a time, no scrolling, no other content on screen.

Meditations. Four guided sets
A question on its own card
Swipe for the answer
A theme. Every chapter on one subject

Question cards use a lapis outline with the chapter artwork behind a scrim; answer cards drop to black so the text reads clean. Swipe or tap the arrow to advance. The progress dots show how many cards are left in the set.

06 · TYPE

Three voices, each with one job.

SUMMA

CINZEL DECORATIVE · DISPLAY

Wordmark, chapter numerals, section labels. Roman inscriptional forms, the register of a monument, used sparingly.

Does God exist?

EB GARAMOND · EDITORIAL

Chapter titles and pull quotes. A book face, to keep the feeling of a text rather than an interface.

Yes. God exists.

NUNITO · INTERFACE AND BODY

Everything read at length, plus every control. Open counters and a tall x-height for small screens and older eyes.

07 · COLOUR

The pigments of the illuminated manuscript.

Gold and lapis were the most expensive colours a mediaeval workshop could buy. Gold marks the work itself: numerals, titles, seals. Lapis marks the reader's own progress. Nothing functional is gold, which keeps the ornament from competing with the reading.

Night
#0A1622
Card
#0F1E2E
Gold
#C8A85A
Lapis
#5B8FD6
Cream
#FAF6EF
08 · ILLUSTRATION

An image for every chapter.

Sixty-one illustrations, one per chapter, drawing on the Christian iconographic tradition. They give a reader something to recognise before a word is read, and make a long list of abstractions feel like a place. Each is cropped to a single focal point so it survives at 64 px.

Accessibility: type size, theme, language
Light mode. Same contrast, different ground
09 · ACCESSIBILITY

Built for the person it is actually for.

A parishioner in their seventies, on an old phone, in a poorly lit church hall. That reader set the constraints.

  • ◆Three type sizes, applied to every screen including the cards.
  • ◆Light and dark, both tested for contrast on the same artwork.
  • ◆Language switched mid-chapter, without losing your place.
  • ◆A tap target beside every swipe, so nothing depends on a gesture.
  • ◆Audio with 10-second skips and adjustable speed.
10 · WHAT I DID

Product, interface, illustration, audio, and the build.

A solo project end to end, with one exception: the 61 chapter illustrations were made in collaboration. I set the direction, brief and crop rules, and worked with the illustrator through each round of the 2D artwork.

Chapter
The same text, read or played.
Home
Resumes where you left off.
Accessibility
Type size, theme, language.
Light mode
Same contrast, different ground.
61
CHAPTERS
781
Q&A
2
LANGUAGES

PRODUCT & CONTENT

Structured 61 chapters and 781 question-and-answer pairs into ten-minute sittings, in English and Spanish.

AaAaAa

INTERFACE & TYPE

Designed every screen, the three-face type system and the gold-and-lapis palette.

2D ILLUSTRATION, COLLABORATION

Directed 61 hand-drawn 2D illustrations and the app icon: brief, references, crop rules, and review of each round.

Chapter audio player

NARRATION & AUDIO

Produced seven hours of narration in two languages and designed the player around it: skips, speed, offline.

AAA

ACCESSIBILITY

Three type sizes, light and dark, and a tap target beside every swipe, tested on an older phone.

Summa app icon
WEB APP
OFFLINE
NO ACCOUNT

BUILD & SHIP

Built and shipped it as an installable web app. No account, no data collection, works offline.

REVERENCE IS USABLE

The constraint of a dignified subject made the interface quieter, and quieter turned out to be easier to use. The two were never in tension.

A GESTURE IS NOT AN INTERFACE

Every swipe has a tap beside it. Testing showed the taps carried more of the traffic than the gestures did.

All projects