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