Onboarding Illustrations

Visual reference for browser UI components used in the onboarding flow.

UI Variant 1 — Projects
next.saturation.io/your-workspace
Y
Your Workspace
FL
FL
UI Variant 2 — Budgeting
next.saturation.io/space-ranger
Y
FL
FL
A
B
C
D
E
F
G
H
J
K
L
M
N
O
P
Q
R
S
U
V
W
X
Y
Z
AA
AB
AC
AD
UI Variant 3 — Contacts
next.saturation.io/your-workspace
Y
FL
FL
LR
S
TC
PM
VL
ML
JG
ER
IS
JW
MC
FB
AM
LB
TS
DD
TD
RN
AC
BS
VD
JH
UI Variant 4 — Saturation Pay
next.saturation.io/york-workspace/funds/
C
FL
FL
16 Apr23 Apr24 AprMay

Component Library

Sign Up — Email + Social Buttons
or
Verification Code

Verify your email

We sent a 6-digit code to user@email.com

Didn’t receive a code?

Simulate:
Profile — Photo + Name + Email

Profile photo

Click to upload. PNG, JPG up to 5MB.

Workspace — Logo + Name + Handle

Logo

PNG and JPEG files supported (max 10MB)

next.saturation.io/your-workspace
Dropdown — With Label + Helper Text

All paid plans include a 14-day free trial. No credit card required.

Referral Source — Tag Buttons
Step Counter + Progress Bar
Saturation
4 of 7
Keyboard Selector — Quiz Options
Continue + Skip Buttons
Plain Text Selector — Tools
Email Invites + Add More
Welcome Screen
S
FL

Welcome!

Your workspace is all set with a 14-day free trial of Saturation Pro. Your budgets, expenses, and cost reports are about to get a whole lot easier.

After 14 days, you can stay on Pro or switch plans anytime.