seventy8
Design system
Desktop + mobile
Figma variables
An internal design system built in Figma, from tokens to components. The foundation for multiple production projects including Lamar Advertising and Carousel.

Overview
Built solo as an internal foundation for client work at the agency. Starting from scratch on every project was expensive. seventy8 was built to fix that: tokens, primitives, and a full component library in Figma with light and dark theming built in. Drop it in, swap the brand tokens, and get straight to product decisions.
Foundations
Color, typography, elevation, and grids: made once, inherited everywhere. Getting these right first means every component built on top stays consistent without manual correction.

Tokens/Primitives
The system runs on Figma variables. Semantic tokens mean adapting for a new brand requires changing one layer, not rebuilding components. Light and dark mode are one system, not two.

Component library
The library covers the core building blocks. It eliminates repeated UI work so time goes to product-specific decisions.

Light and dark
Light and dark mode were built into the system from the start. Using variables made theme transitions more efficient and kept the visual language consistent across the full library.


In production
The Lamar Advertising design system was the first full client system built on top of seventy8. Lamar's brand tokens replaced the base palette, Termina and Franklin Gothic replaced the default type. The underlying architecture transferred directly. The system held.

Outcome
seventy8 shipped into production across two client systems. Each needed new brand tokens. The architecture did not change.

