Design & Build Headspace iOS in Figma
cover-thumbnail
Headspace UI Styles
Master Headspace's design system by learning to replicate its color, text, and grid styles. Build accuracy and consistency in your UI designs.

0%

Classes

class-image

Headspace: Defining & Adding Color Styles

18:23

class-image

Headspace Text Styles

16:19

class-image

Headspace: Defining & Creating Grid Style

03:15

Master Headspace UI Styles
This course guides you through reproducing the color, text and grid styles used in the Headspace app. You'll learn how to analyze and apply Headspace's design system, ensuring consistency and precision in your UI work.
Course certificate
Headspace UI Styles
Design & Build Headspace iOS in Figma
1

Headspace Prototype

topic-thumbnail-Headspace UI Styles

Headspace UI Styles

3 classes

2

Headspace Prototype

topic-thumbnail-Headspace Base Components

Headspace Base Components

11 classes

3

Headspace Prototype

topic-thumbnail-Headspace UI Layout

Headspace UI Layout

3 classes

4

Headspace Prototype

topic-thumbnail-Headspace Prototype

Headspace Prototype

1 class

Sign up to start learning
Build UX/UI career skills & confidence for less than $3/week –– cancel anytime
or