Reach out now

Lettra

[website]

Client

Lettra

Discipline

Branding, 3D, Design engineering, Development, UI

Lettra
Client
Discipline
Link
Year
Lettra
Branding 3D Design engineering Development UI
2026
Lettra

A typography library. A playground for everything it can do.

Explore Lettra
Notes from the pond, a developer's notes set on paper over fallen leaves on a phone
Typography

Type sets the tone before you read a word. Oversized letterforms and layered compositions give Lettra room to move. Rather than simply presenting the library, the website uses typography to demonstrate what it can do.

Lettra scenes and their control panels printed as taped postcards on a dark grid
Typography

We explored different ways to bring type into a scene, from shifting perspectives to environments shaped by movement and interaction. Each direction helped define a playful visual language built around Lettra's possibilities.

The controls become part of the scene. Floating panels bring settings, navigation, and experiments together, keeping the experience interactive without distracting from the typography.

Lettra menu on mobile
Lettra hero on mobile
Words in the water article on mobile
hover to play
TexturedViewport

Try the type. Find the controls. Take it into your own build.

Read the docs
Animations
[ Loading 3D model… ]

Drag to orbit. Use the zoom buttons. With the view focused, use arrow keys to orbit, + / − to zoom, and Home to reset. On touch screens, enable touch gestures to orbit and pinch to zoom.

Pond playground with font, tracking, leading and measure controls over the live pond

The experience comes full circle. Familiar elements return for one final scene, bringing the visual language and interactions together before the visitor leaves.

Documentation

The documentation connects each experiment to its implementation. Live examples, type controls, and code snippets make it easier to understand how Lettra works and start building with it.

↗ Project Lettra

Lettra is a typography library for rendering text on the GPU. We designed and built a website that brings its examples, controls, and documentation together.

The type leads the page. Large letterforms sit alongside floating panels and interactive scenes, with a shared interface for navigation and settings. On mobile, the compositions adapt while keeping the typography prominent.

The docs connect those examples to their implementation. Specimens, type controls, and code snippets give visitors a way to try the library and understand how to use it.

Role
Branding3DDesign engineeringDevelopmentUI
Client
Lettra
Timeline
2026

More Projects

[Selected Work]