Landstar Modules Final
Module 3 - New Two Column Module – 2
Fit
25%
50%
75%
100%
150%
200%
Created with Snap
Made with Adobe XD
2 of 5
Link updated: Feb 12, 8:39 PM
Screen Details
Viewport size
Design size
1366 × 768
1366 × 5271
Colors
Hex
RGBA
HSLA
#FFFFFF
#0170BA
#00000029
#E6E6E6
#0470BA
#E2E2E2
#494949
#DEDEDE
#FF0000
#F2BB0D
#F2BB0B
#044589
Character Styles
px
pt
dp
Nunito Sans, ExtraBold - 20px
ExtraBold - 20px, #0170BA
Font Family
:
Nunito Sans
Font Weight
:
ExtraBold
Font Size
:
20px
Color
:
#0170BA
Character Spacing
:
0
Line Spacing
:
24
Nunito Sans, ExtraBold - 20px
ExtraBold - 20px, #FFFFFF
Font Family
:
Nunito Sans
Font Weight
:
ExtraBold
Font Size
:
20px
Color
:
#FFFFFF
Character Spacing
:
0
Line Spacing
:
24
Nunito Sans, Regular - 16px
Regular - 16px, #494949
Font Family
:
Nunito Sans
Font Weight
:
Regular
Font Size
:
16px
Color
:
#494949
Character Spacing
:
0
Line Spacing
:
20
Nunito Sans, Regular - 16px
Regular - 16px, #FFFFFF
Font Family
:
Nunito Sans
Font Weight
:
Regular
Font Size
:
16px
Color
:
#FFFFFF
Character Spacing
:
0
Line Spacing
:
20
Nunito Sans, Regular - 23px
Regular - 23px, #FF0000
Font Family
:
Nunito Sans
Font Weight
:
Regular
Font Size
:
23px
Color
:
#FF0000
Character Spacing
:
0
Line Spacing
:
24
Nunito Sans, Bold - 14px
Bold - 14px, #044589
Font Family
:
Nunito Sans
Font Weight
:
Bold
Font Size
:
14px
Color
:
#044589
Character Spacing
:
20
Line Spacing
:
16
Interactions
Trigger
Tap
Action
Transition
Destination
Module 4 – Reversible image and content block – 1
Trigger
Hover
Action
Transition
Destination
State: Hover State
Hold down
SHIFT
to view all hotspots.
SHIFT + Click
on hotspots to navigate between screens.
Learn More...