Color palette
tealda
#00B3A1
0, 179, 161
super nova
#FE346E
254, 52, 110
earth dust
#F1E7B6
241, 231, 182
glow
#F7F5FA
247, 245, 250
grey matter
#C9CCD4
201, 204, 212
grey mild
#EFF0F2
239, 240, 242
danger lava
#F6C11E
246, 193, 30
air blue
#6CB8F2
108, 184, 242
grass
#3DD95C
61, 217, 92
new black
#151020
21, 16, 32
simple white
#FFFFFF
255, 255, 255
Indigo
#320073
50, 0, 115
Text style catalog
Big Title
PermanentMarker, Regular, 82px
Line height: 85px
Title
PermanentMarker, Regular, 64px
Line height: 70px
H1
PermanentMarker, Regular, 48px
Line height: 50px
H2
Barlow, Medium, 36px
Line height: 48px
H3
Barlow, Regular, 30px
Line height: 38px
H4
Barlow, Regular, 24px
Line height: 48px
H5
Barlow, Medium, 20px
Line height: 48px
H6
Barlow, Medium, 18px
Line height: 48px
Inputs
Barlow, Regular, 18px
Line height: 48px
Input Labels
Barlow, Semibold Italic, 16px
Line height: 48px
Base
Barlow, Medium, 16px
Line height: 26px
Code Large
SpaceMono, Regular, 16px
Line height: 24px
Small
Barlow, Medium, 14px
Line height: 18px
Code Body
SpaceMono, Regular, 14px
Line height: 21px
Tiny
Barlow, Semibold, 12px
Line height: 18px
Code Small
SpaceMono, Regular, 12px
Line height: 17px
Designs
Intro
15
TEALDA - Mockup 1
18
TEALDA - Mockup 2
13
Tealda Design System
TELADA Design System
10
TEALDA Colors
7
TEALDA Typography - Permanent Marker + Barlow + Space Mono
8
TEALDA Icons
4
UI Components - TEALDA Controls
7
UI Components - TEALDA Organisms
6
UI Components - TEALDA Navigation
5
UI Components - TEALDA Forms
3
Landing Pages
Homepage
10
Homepage – Dark Mode
5
How It Works
8
Contact Us
6
Create Contest – Logo & Identity
Create Contest – Logo & Identity – Step 1
7
Create Contest – Logo & Identity – Step 1 – Limit Reached
1
Create Contest – Logo & Identity – Step 2
3
Create Contest – Logo & Identity – Step 3
2
Create Contest – Logo & Identity – Step 3 – Image Uploaded
11
Create Contest – Logo & Identity – Step 4
2
Create Contest – Logo & Identity – Step 5
2
Create Contest – Logo & Identity – Step 6
1
Create Contest – Logo & Identity – Step 6 – Payment Method
0
Client – Contest Results – Contest Creation Success
2
Contest Pages
Client – Contest Results – No Interaction - New
0
Client – Contest Results – No Interaction - All
0
Client – Contest Results – No Interaction - Favorite
0
Client – Contest Results – No Interaction - Discarded
0
Authentication
Login
0
Register Client
1
Register Freelancer
1
Existing User
0
Forgot Password
1
Mobile
Homepage – Mobile
1