CASE STUDY

TIAA/Nuveen

Working directly with the Head of Design, I led a team of consultants and Nuveen designers to create the Trellis Design System.

While a great deal of the design styles existed, everything had to be updated into a cohesive system. The project included planning, auditing, and creating an atomic design system from foundations, naming, and atoms to tokens, responsive components and advanced organisms. We coordinated with the Ethos team from TIAA to leverage learnings and ensure harmony between the two design systems.

Nuveen Color Palettes
Foundations

Color palettes & tokens

Nuveen Type Styles
Foundations

Type styles

Nuveen Grid System
Foundations

Grid, spacing, and sizing

Nuveen Buttons
Atoms

Buttons and slide toggle

Nuveen Date Picker
Components

Date picker

Nuveen Design Tokens
Components

Primitive, Semantic, Color, and Theme tokens

Nuveen Responsive Components
Components

Complex, responsive components

Nuveen Responsive Components
Components

Complex, responsive components