# Design

These fundamentals capture the core building blocks and are used in all of our designs.

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.

Principles
Principles
Foundational design principles for creating user experiences
Color
Color
Discover how we use color at Benevity
Typography
Typography
An intuitive, purposeful set of typographic styles to use throughout our products
Spacing
Spacing
Consistency and visual alignment across our products
Illustrations
Illustrations
Benevity custom imagery
Motion
Motion
Use motion to reduce cognitive load and add moments of delight
Patterns
Patterns
Common design patterns that combine various components