Final project for UCLA Extension: Software. Students were challenged to create or redesign an app, implementing tools such as auto-layout, components, and styles.
Figma
Color Styles
Primary colors
15
33004C
25
55007F
35
7700B2
45
9900E5
primary color
61
BD39FF
72
D073FF
84
E3ACFF
95
F6E5FF
Secondary colors
15
1A004D
25
2B0080
35
3D00B3
45
4E00E6
secondary color
61
7C39FF
72
A273FF
84
C8ACFF
95
EEE5FF
White
28
474747
38
606060
47
797979
58
939393
68
ADADAD
78
C8C8C8
89
E3E3E3
100
FFFFFF
background + secondary text color
Black
0
FFFFFF
secondary text color
Text Styles
Title
Large
POPPINS/Title/1
Medium
POPPINS/Title/2
Small
POPPINS/Title/3
Subtitle
Large
POPPINS/Subtitle/1
Medium
POPPINS/Subtitle/2
Body
Large
POPPINS/Body/1
Medium
POPPINS/Body/2
Small
POPPINS/Body/3
Other
POPPINS/Button
POPPINS/Caption
Components
The Design
Prototype
Return to archive
Next