Portavia

https://portavia.framer.website/ 1045 elements 5/4/2026
7
Colors
4
Font Families
8
Spacing Values
2
Shadows
7
Border Radii
6
Components
63%
A11y Score

Color Palette

Brand Colors

#5e67e6
Primary
269 uses
#0000ee
Secondary
264 uses

Neutrals

#000000
1243 uses
#303030
232 uses
#ffffff
108 uses
#f5f5f5
8 uses
#8f8f8f
4 uses

Full Palette

#000000
text, border, background
1243 uses
#5e67e6
text, border, background
269 uses
#0000ee
text, border
264 uses
#303030
text, border, background
232 uses
#ffffff
background, text, border
108 uses
#f5f5f5
background
8 uses
#8f8f8f
text, border
4 uses

Gradients

Typography

Font Families

sans-serif (all, 868x)Inter (body, 102x)Antonio (all, 46x)Times New Roman (body, 29x)

Type Scale

120px The quick brown fox 700 / 132px
60px The quick brown fox 700 / 78px
40px The quick brown fox 400 / 40px
32px The quick brown fox 400 / 41.6px
26px The quick brown fox 400 / 33.8px
18px The quick brown fox 300 / 27px
16px The quick brown fox 400 / normal
14px The quick brown fox 300 / 21px
12px The quick brown fox 400 / normal

Spacing Scale (base: 2px)

1px
20px
24px
30px
40px
80px
120px
370px

Box Shadows

sm (inset)
xs

Border Radii

8px
md
11px
lg
20px
xl
28px
full
43px
full
99px
full
999px
full

Accessibility

63%
WCAG Contrast Score
24 passing / 14 failing color pairs

Color Pair Analysis

Sample
#0000ee on #5e67e6
2.04:1
FAIL
9x
Sample
#0000ee on #000000
2.23:1
FAIL
3x
Sample
#0000ee on #303030
1.4:1
FAIL
1x
Sample
#000000 on #303030
1.59:1
FAIL
1x
Sample
#000000 on #5e67e6
4.56:1
AA
8x
Sample
#000000 on #f5f5f5
19.26:1
AAA
8x
Sample
#000000 on #ffffff
21:1
AAA
6x
Sample
#0000ee on #ffffff
9.4:1
AAA
2x