Art Directing the Past: The Obama Presidency Oral History

The Obama Presidency Oral History is conducted by the Incite Institute at Columbia University in cooperation with the Obama Foundation. It comprises more than 450 interviews and 1,100 hours of audio and video, documenting honest voices from inside and outside the administration.

The visual system for the Obama Presidency Oral History is governed by one rule: the design carries and amplifies the voices rather than interpreting them. Every decision that follows, typographic, structural, serves that principle.

The interviews were recorded during the pandemic, all of them captured over screen calls with the visual limitations that come with it. The footage is raw, low-resolution, and unpolished. From the beginning, this shaped the design response. Fullscreen video on hero sections was ruled out. Instead, the video frame is scaled down and held in proportion with typography, giving each interview a composed layout rather than a cinematic one. The lower fidelity of the recordings, far from being a weakness, reinforces something essential: these are personal, unmediated conversations. The design respects that by never overstating the image. Typography and negative space do the structural work, letting the human presence in each recording speak.

Typography is constructed as a balanced system rather than a dominant hierarchy. A high-contrast serif rooted in academic publishing carries the main editorial voice across body copy, about sections, and news content. A neutral sans-serif handles transcripts, metadata, and timestamps. The relationship between the two establishes contrast and rhythm without stylistic emphasis.

The defining element of the identity is the open bracket. It is embedded in the logotype and extends into the interface as a recurring structural motif. In oral history transcription, brackets mark pauses, corrections, clarifications, and non-verbal communication. The system adopts this notation directly from that practice. Within transcripts, it remains part of the documentary record. On the timeline, paired brackets separate each year to facilitate navigation and chronological browsing.

Layout is governed by a modular 12-column grid that determines transcript width, video proportion, metadata alignment, and navigation placement across breakpoints. Transcript and video are treated as parallel records. Scale ratios define the hierarchy of names, roles, and topics. Line lengths are calibrated for sustained reading. Vertical rhythm remains stable under dense content conditions. Responsive behavior preserves proportional relationships across breakpoints.

Color usage is restrained and serves two distinct modes. A warm off-white background supports sustained transcript reading across long sessions, reducing strain while preserving the feel of an archival document. During video playback, the interface shifts to a dark field, giving full presence to the speaker. Each mode isolates its content type, ensuring that reading and watching never compete for attention. Contrast ratios meet accessibility standards without flattening tonal nuance.

Circular markers function as positional indicators within navigation and discovery views. A red dot marks recorded content across interviews and short stories. They appear in the menu, filters, timeline, and content states as markers of location and selection. In the Discover section, color-coded variants organize topics spatially, functioning as the primary data visualisation layer.

Motion is smooth and limited to transitions, state changes, and hovers. Search, filtering, and clip selection prioritize traceability, allowing users to isolate segments and return to full context without losing orientation. Fluid page transitions preserve continuity between content views. The system holds across hundreds of interviews without stylistic variation. Components repeat with structural consistency across content types.

The art direction developed from the logotype outward, extending through the typographic system, grid logic, and interface behaviour. UX and UI decisions were tested against the same constraint: nothing in the system should distance the user or signal a political position. Visual experiments during the process explored colour, density, and layout variations, but consistently returned to the same conclusion: the natural human voice is the primary material, and the design exists to keep the user close to it. The result is a system that holds its tone across hundreds of interviews, offering clarity and openness without ever becoming institutional or cold.

Because our past is full of emotion, and art direction should embrace it.

obamaoralhistory.columbia.edu