Skip to main content

One post tagged with "design-system"

View All Tags

The Theme as a Perceptual Operating System

· 24 min read
Ennio Lopes
Product Engineering

Most themes start in the wrong place.

They start with a palette.

Then someone chooses a type scale, a spacing ramp, a radius scale, a shadow system, and a handful of component defaults. If the result looks polished enough, the theme is treated as done.

But a theme is not done when its values look good in isolation.

A theme is done when it reliably organizes perception, attention, action, meaning, risk, and time across a product.

That is the harder problem.

Spacing should communicate what belongs together. Sizing should communicate what can be acted on. Typography should govern rhythm and hierarchy. Radius should express material and posture. Color should communicate meaning through valid pairs. Motion should explain causality. Focus should preserve navigation. Elevation should express functional distance.

A good theme is not a skin.

A good theme is a perceptual operating system.

It decides what the user sees first, what feels related, what feels available, what feels risky, what feels disabled, what feels elevated, what deserves attention, and what should remain quiet.

Design tokens made visual decisions portable.

Now themes need to make perception governable.