Dark Mode - Treats
Ranking TREATS – 11
Fit
25%
50%
75%
100%
150%
200%
Created with Snap
Made with Adobe XD
16 of 51
Link updated: Apr 6, 2023, 5:32 AM
Screen Details
Viewport size
Design size
375 × 812
375 × 812
Assets
IMAGES
Colors
Hex
RGBA
HSLA
#FFFFFF
#F9F5F3
Character Styles
px
pt
dp
Lato, Light - 12px
Light - 12px, #FFFFFFCC
Font Family
:
Lato
Font Weight
:
Light
Font Size
:
12px
Color
:
#FFFFFFCC
Character Spacing
:
23.809526443481445
Line Spacing
:
16
Lato, Bold - 12px
Bold - 12px, #FFFFFFCC
Font Family
:
Lato
Font Weight
:
Bold
Font Size
:
12px
Color
:
#FFFFFFCC
Character Spacing
:
23.809526443481445
Line Spacing
:
16
Lato, Regular - 17px
Regular - 17px, #FFFFFFCC
Font Family
:
Lato
Font Weight
:
Regular
Font Size
:
17px
Color
:
#FFFFFFCC
Character Spacing
:
23.809526443481445
Line Spacing
:
16
Lato, Regular - 12px
Regular - 12px, #FFFFFFCC
Font Family
:
Lato
Font Weight
:
Regular
Font Size
:
12px
Color
:
#FFFFFFCC
Character Spacing
:
23.809526443481445
Line Spacing
:
16
Lato, Regular - 10px
Regular - 10px, #FFFFFF
Font Family
:
Lato
Font Weight
:
Regular
Font Size
:
10px
Color
:
#FFFFFF
Character Spacing
:
23.809526443481445
Line Spacing
:
16
Lato, Light - 10px
Light - 10px, #FFFFFF
Font Family
:
Lato
Font Weight
:
Light
Font Size
:
10px
Color
:
#FFFFFF
Character Spacing
:
23.809526443481445
Line Spacing
:
16
Lato, Light - 10px
Light - 10px, #FFFFFFCC
Font Family
:
Lato
Font Weight
:
Light
Font Size
:
10px
Color
:
#FFFFFFCC
Character Spacing
:
23.809526443481445
Line Spacing
:
16
Lato, Regular - 12px
Regular - 12px, #FFFFFF
Font Family
:
Lato
Font Weight
:
Regular
Font Size
:
12px
Color
:
#FFFFFF
Character Spacing
:
23.809526443481445
Line Spacing
:
16
Lato, Regular - 14px
Regular - 14px, #FFFFFF
Font Family
:
Lato
Font Weight
:
Regular
Font Size
:
14px
Color
:
#FFFFFF
Character Spacing
:
0
Line Spacing
:
17
Lato, Regular - 13px
Regular - 13px, #FFFFFF
Font Family
:
Lato
Font Weight
:
Regular
Font Size
:
13px
Color
:
#FFFFFF
Character Spacing
:
23.809526443481445
Line Spacing
:
12
Lato, Light - 12px
Light - 12px, #FFFFFF
Font Family
:
Lato
Font Weight
:
Light
Font Size
:
12px
Color
:
#FFFFFF
Character Spacing
:
23.809526443481445
Line Spacing
:
18
Lato, Regular - 12px
Regular - 12px, #FFFFFF
Font Family
:
Lato
Font Weight
:
Regular
Font Size
:
12px
Color
:
#FFFFFF
Character Spacing
:
23.809526443481445
Line Spacing
:
18
Lato, Regular - 8px
Regular - 8px, #2D2D2D
Font Family
:
Lato
Font Weight
:
Regular
Font Size
:
8px
Color
:
#2D2D2D
Character Spacing
:
0
Line Spacing
:
10
Lato-Bold, - 13px
- 13px, #FFFFFF
Font Family
:
Lato-Bold
Font Weight
:
Font Size
:
13px
Color
:
#FFFFFF
Character Spacing
:
23.846153259277344
Line Spacing
:
35
Transform
:
Uppercase
Lato, Regular - 15px
Regular - 15px, #FFFFFF
Font Family
:
Lato
Font Weight
:
Regular
Font Size
:
15px
Color
:
#FFFFFF
Character Spacing
:
23.846155166625977
Line Spacing
:
29
Transform
:
Uppercase
SFProText-Semibold, - 14px
- 14px, #F9F5F3
Font Family
:
SFProText-Semibold
Font Weight
:
Font Size
:
14px
Color
:
#F9F5F3
Character Spacing
:
-20
Line Spacing
:
17
SFProText-Semibold, - 14px
- 14px, #F9F5F3
Font Family
:
SFProText-Semibold
Font Weight
:
Font Size
:
14px
Color
:
#F9F5F3
Character Spacing
:
0
Line Spacing
:
17
Interactions
Trigger
Tap
Action
Transition
Destination
My TREATS Home – 5
Hold down
SHIFT
to view all hotspots.
SHIFT + Click
on hotspots to navigate between screens.
Learn More...