UX design - Portfolio :: Behance

https://www.behance.net/gallery/244304063/UX-design-Portfolio 1652 elements 4/26/2026
14
Colors
2
Font Families
22
Spacing Values
3
Shadows
5
Border Radii
14
Components
90%
A11y Score

Color Palette

Brand Colors

#0057ff
Primary
168 uses
#d00d00
Secondary
5 uses
#0057ff
Accent
168 uses

Neutrals

#191919
1399 uses
#000000
810 uses
#f9f9f9
736 uses
#696969
193 uses
#959595
44 uses
#e8e8e8
35 uses
#3c3c3c
20 uses
#808080
2 uses

Full Palette

#191919
text, border, background
1399 uses
#000000
text, border, background
810 uses
#f9f9f9
background, text, border
736 uses
#696969
text, border, background
193 uses
#0057ff
background, text, border
168 uses
#959595
text, border, background
44 uses
#e8e8e8
border, background
35 uses
#3c3c3c
text, border
20 uses
#d00d00
background
5 uses
#e0eaff
border
3 uses
#808080
text, border
2 uses
#14cceb
background
1 uses
#001d26
background
1 uses
#0c3645
background
1 uses

Gradients

Typography

Font Families

acumin-pro (all, 1475x)acumin-pro-wide (all, 177x)

Type Scale

27px The quick brown fox 900 / 27px
25px The quick brown fox 700 / 30px
24px The quick brown fox 700 / 28.8px
20px The quick brown fox 600 / 23px
16px The quick brown fox 400 / normal
15px The quick brown fox 600 / normal
14px The quick brown fox 600 / 14px
13.008px The quick brown fox 600 / 13.008px
13px The quick brown fox 700 / 16.9px
12px The quick brown fox 400 / 15.6px
11px The quick brown fox 600 / normal
10px The quick brown fox 700 / 13px

Spacing Scale (base: 2px)

1px
18px
22px
27px
30px
32px
34px
40px
42px
50px
57px
60px
70px
80px
82px
100px

Box Shadows

xs
sm
md

Border Radii

3px
sm
6px
md
15px
lg
50px
full
100px
full

Accessibility

90%
WCAG Contrast Score
113 passing / 13 failing color pairs

Color Pair Analysis

Sample
#191919 on #0057ff
3.19:1
FAIL
3x
Sample
#000000 on #191919
1.19:1
FAIL
3x
Sample
#0057ff on #d00d00
1.02:1
FAIL
2x
Sample
#ffffff on #959595
3:1
FAIL
2x
Sample
#191919 on #000000
1.19:1
FAIL
1x
Sample
#191919 on #0c3645
1.36:1
FAIL
1x
Sample
#808080 on #707070
1.25:1
FAIL
1x
Sample
#191919 on #ffffff
17.58:1
AAA
37x
Sample
#000000 on #ffffff
21:1
AAA
34x
Sample
#ffffff on #0057ff
5.52:1
AA
7x
Sample
#191919 on #f0f0f0
15.43:1
AAA
5x
Sample
#0057ff on #e8e8e8
4.5:1
AA
4x
Sample
#191919 on #ebebeb
14.75:1
AAA
4x
Sample
#696969 on #ffffff
5.49:1
AA
4x
Sample
#0057ff on #f5f8ff
5.19:1
AA
3x
Sample
#ffffff on #d00d00
5.62:1
AA
3x
Sample
#ffffff on #000000
21:1
AAA
3x
Sample
#191919 on #f9f9f9
16.7:1
AAA
2x
Sample
#0057ff on #ffffff
5.52:1
AA
2x
Sample
#000000 on #f9f9f9
19.95:1
AAA
1x