News App
dashboard - desktop
Fit
25%
50%
75%
100%
150%
200%
Sign in
Created with Snap
Made with Adobe XD
5 of 9
Link updated: Feb 22, 2021, 6:26 PM
Screen Details
Viewport size
Design size
1920 × 1080
1920 × 1080
Assets
IMAGES
Colors
Hex
RGBA
HSLA
#DDE0E6
#E1E3E8
#CACED6
#FFFFFF
#F3F6F8
#F4F7F9
#0000004D
#707070
#EFF1FA
#7B85F9
#153288
#0000000D
#010101
#88B17C
#AC7CB1
#7C8CB1
#DBBCA3
#B17C7C
Character Styles
px
pt
dp
Segoe UI, Bold - 40px
Bold - 40px, #707070
Font Family
:
Segoe UI
Font Weight
:
Bold
Font Size
:
40px
Color
:
#707070
Character Spacing
:
0
Line Spacing
:
53
Proxima Nova, Regular - 20px
Regular - 20px, #153288
Font Family
:
Proxima Nova
Font Weight
:
Regular
Font Size
:
20px
Color
:
#153288
Character Spacing
:
0
Line Spacing
:
27
Segoe UI, Bold - 25px
Bold - 25px, #010101
Font Family
:
Segoe UI
Font Weight
:
Bold
Font Size
:
25px
Color
:
#010101
Character Spacing
:
0
Line Spacing
:
33
Segoe UI, Bold - 14px
Bold - 14px, #010101
Font Family
:
Segoe UI
Font Weight
:
Bold
Font Size
:
14px
Color
:
#010101
Character Spacing
:
0
Line Spacing
:
19
Segoe UI, Bold - 40px
Bold - 40px, #010101
Font Family
:
Segoe UI
Font Weight
:
Bold
Font Size
:
40px
Color
:
#010101
Character Spacing
:
0
Line Spacing
:
53
Segoe UI, Bold - 18px
Bold - 18px, #010101
Font Family
:
Segoe UI
Font Weight
:
Bold
Font Size
:
18px
Color
:
#010101
Character Spacing
:
0
Line Spacing
:
24
Segoe UI, Bold - 14px
Bold - 14px, #FFFFFF
Font Family
:
Segoe UI
Font Weight
:
Bold
Font Size
:
14px
Color
:
#FFFFFF
Character Spacing
:
0
Line Spacing
:
19
Segoe UI, Semibold Italic - 14px
Semibold Italic - 14px, #010101
Font Family
:
Segoe UI
Font Weight
:
Semibold Italic
Font Size
:
14px
Color
:
#010101
Character Spacing
:
0
Line Spacing
:
19
Segoe UI, Regular - 14px
Regular - 14px, #010101
Font Family
:
Segoe UI
Font Weight
:
Regular
Font Size
:
14px
Color
:
#010101
Character Spacing
:
0
Line Spacing
:
19
Interactions
Trigger
Tap
Action
Transition
Destination
article detail
Trigger
Tap
Action
Transition
Destination
search-results
Trigger
Tap
Action
Transition
Destination
onboarding
Hold down
SHIFT
to view all hotspots.
SHIFT + Click
on hotspots to navigate between screens.
Learn More...