# Principles

Principles capture the core building blocks and the soul of our Skyline UI. These fundamentals are used in all of our designs inside and outside of Skyline.

Getting Started: Figma Resources

Getting Started: Figma Resources

Figma is an online collaborative design tool used by the Product Design team to create wireframes, mock-ups and prototypes.

Color
Color
Discover how we use color at Benevity
Illustrations
Illustrations
Benevity custom imagery
Motion
Motion
Use motion to reduce cognitive load and add moments of delight
Spacing
Spacing
Consistency and visual alignment across our products
Typography
Typography
An intuitive, purposeful set of typographic styles to use throughout our products