card layout - specs
card--anatomy
Fit
25%
50%
75%
100%
150%
200%
Sign in
Created with Snap
Made with Adobe XD
1 of 22
Link updated: Nov 30, 2022, 5:41 PM
Screen Details
Viewport size
Design size
1000 × 475
1000 × 475
Colors
Hex
RGBA
HSLA
#F4F4F6
#FFFFFF
#00000029
#17987C80
#17987C
Character Styles
px
pt
dp
Segoe UI, Semibold - 14px
Semibold - 14px, #FFFFFF
Font Family
:
Segoe UI
Font Weight
:
Semibold
Font Size
:
14px
Color
:
#FFFFFF
Character Spacing
:
0
Line Spacing
:
19
Interactions
Trigger
Tap
Action
Transition
Destination
card--anatomy2
Hold down
SHIFT
to view all hotspots.
SHIFT + Click
on hotspots to navigate between screens.
Learn More...