Unisend

Role

Product Design

Services

Design System / Component Design / Interaction Patterns

A design system covering typography, color, spacing, components, and interaction states for a growing application.

Challenge

New screens repeatedly introduced small differences in spacing, component behavior, and visual states.

Shared tokens define the base rules, while components document the states needed in product screens.

Typography, color, and spacing values provide a shared baseline.

Components include interaction and product states, not only default examples.

Examples show how the same components are applied across screens.