Kody J. Kasper

Kody J. Kasper

Kody J. Kasper

UX Process

1 story

the five senses
Kody J. Kasper

Kody J. Kasper

Color System

6 stories

A grid of shades/tints comparing omitted densites in various color systems against the Univers Color Palette.
An example of a purple color ramp documenting if it’s a brand color, name, hex code, and contrast ratio.
Tokens studio interface showing the creation of the color modifier tokens 100–900 (excluding 500 because it’s the base) and their values.
Kody J. Kasper

Kody J. Kasper

Design Systems

14 stories

Book cover: Design That Scales by Dan Mall
Crafting an Effective Design System Strategy
Kody J. Kasper

Kody J. Kasper

Accessibility

1 story

The image is split into two halves, in the first half is the three Default Buttons with black focus indicators on a white background, in the second half are the Reversed Buttons with white indicators on a blue background.
Kody J. Kasper

Kody J. Kasper

Generative UI

1 story

Kody J. Kasper

Kody J. Kasper

Leadership

1 story

An abstract representation of colorful glass shattering
Kody J. Kasper

Kody J. Kasper

Design Process

1 story

A diagram showing three pairs of overlapping concepts: usability and accessibility, usefulness and enjoyment, net-simplicity and context-fit.
Kody J. Kasper

Kody J. Kasper

Figma Variable Structure

1 story

Kody J. Kasper

Kody J. Kasper

Design Principles

4 stories

Kody J. Kasper

Kody J. Kasper

Figma Plugin

1 story

Design tokens logo, magic want icon, and Figma logo in line to signify the magic of a pipeline between tokens to Figma variables.
Kody J. Kasper

Kody J. Kasper

Design Tokens

16 stories

A token value that is used in several patterns to discuss what, where, and how the token is applied.
Cover for Design Tokens Beginners Guide
Screen shot of Proportio.app user interface showing header bar with options Typography, Shape, and Components. Panel displays configuration options for typography and icons, with main content area displaying typographic and iconographic scales
Kody J. Kasper

Kody J. Kasper

Web Components

1 story

Kody J. Kasper

Kody J. Kasper

Collaboration

1 story

Title slide: Fostering Collaboration in Design Systems
Kody J. Kasper

Kody J. Kasper

Accessibility

1 story

Color ramps range from light to dark for a variety of colors.
Kody J. Kasper

Kody J. Kasper

UX Measurement Framework

2 stories

cover for list of UX Metrics
Kody J. Kasper

Kody J. Kasper

What is a Design System

1 story

Kody J. Kasper

Kody J. Kasper

Figma

3 stories

An illustration showing the general ideia of a cascading component in an abstract way in three steps: 1st — three circles of different sizes; 2nd - a circle and a square of the same size; 3rd -  9 circles with different colors, fillings and size.
Masthead image depicting annotated component anatomy, properties and spacing redlines
Kody J. Kasper

Kody J. Kasper

UX Metrics

1 story

Kody J. Kasper

Kody J. Kasper

Design Critique

1 story

Kody J. Kasper

Kody J. Kasper

DS - Measuring Adoption

1 story

A graphic showing some dashboards that are tracking a variety of design system metrics.