436-hifi-mockup
dashboard
Fit
25%
50%
75%
100%
150%
200%
Created with Snap
Made with Adobe XD
1 of 4
Link updated: Mar 30, 2019, 9:19 PM
Screen Details
Viewport size
Design size
1920 × 1080
1920 × 1080
Assets
IMAGES
Colors
Hex
RGBA
HSLA
#FFFFFF
#00000024
#500000
#00000033
#3C0001
#000000
#4D4D4D
#CDCDCD
#707070
#000000DE
#00000099
#6100ED14
#24A024
#898989
#383838
#33B8FF
Character Styles
px
pt
dp
Avenir Next
Demi Bold - 20px #FFFFFF
Avenir Next
Demi Bold - 15px #000000
Avenir Next
Medium - 25px #000000
Avenir Next
Medium Italic - 20px #000000
Avenir Next
Demi Bold - 18px #000000
Avenir Next
Regular - 14px #000000DE
Avenir Next
Regular - 14px #00000099
Avenir Next
Regular - 18px #000000DE
Avenir Next
Demi Bold - 13px #000000
Avenir Next
Medium - 13px #000000
Avenir Next
Medium - 7px #000000
Avenir Next
Medium - 7px #FFFFFF
Avenir Next
Regular - 20px #000000
Avenir Next
Regular - 14px #000000
Avenir Next
Regular - 14px #FFFFFF
Avenir Next
Regular - 13px #000000
Avenir Next
Bold - 13px #000000
Avenir Next
Regular - 17px #000000
Avenir Next
Regular - 16px #000000
Interactions
Trigger
Tap
Action
Overlay
Destination
dashboard – prof info
Trigger
Tap
Action
Overlay
Destination
dashboard – course history
Trigger
Tap
Action
Overlay
Destination
dashboard – schedule2
Hold down
SHIFT
to view all hotspots.
SHIFT + Click
on hotspots to navigate between screens.
Learn More...