ZUI Step Flow specs
Medium step flow with vertical progress indicator
Fit
25%
50%
75%
100%
150%
200%
Sign in
Created with Snap
Made with Adobe XD
3 of 8
Link updated: Jun 22, 2018, 3:26 PM
Screen Details
Viewport size
Design size
1108 × 732
1108 × 732
Colors
Hex
RGBA
HSLA
#FFFFFF
#F2F2F2
#FCFCFC
#333333
#FFFBFB
#5786BD
#666666
#3D3D3D
#CCCCCC
#999999
#808080
#C6C6C6
Character Styles
px
pt
dp
Open Sans
Regular - 14px #FFFFFF
Open Sans
Regular - 14px #5786BD
Open Sans
Light - 16px #3D3D3D
Open Sans
Regular - 14px #808080
Open Sans
Semibold - 14px #3D3D3D
Open Sans
Regular - 14px #CCCCCC
Open Sans
Regular - 14px #3D3D3D
Open Sans
Bold - 14px #3D3D3D
Interactions
Trigger
Tap
Action
Transition
Destination
Small step flow without progress indicator
Hold down
SHIFT
to view all hotspots.
SHIFT + Click
on hotspots to navigate between screens.
Learn More...