Home | BSWS Blog

https://bsws.in/ 815 elements 4/30/2026
9
Colors
2
Font Families
5
Spacing Values
5
Shadows
4
Border Radii
8
Components
100%
A11y Score

Color Palette

Brand Colors

#476cff
Primary
3 uses
#335cff
Secondary
1 uses

Neutrals

#000000
828 uses
#c8c8c8
779 uses
#ffffff
16 uses
#5c5c5c
7 uses
#2c2c2c
5 uses
#e9e9e9
4 uses
#171717
2 uses

Full Palette

#000000
text, border
828 uses
#c8c8c8
border
779 uses
#ffffff
background
16 uses
#5c5c5c
text
7 uses
#2c2c2c
text
5 uses
#e9e9e9
background, border
4 uses
#476cff
text
3 uses
#171717
text
2 uses
#335cff
text
1 uses

Typography

Font Families

ui-sans-serif (all, 798x)system-ui (all, 17x)

Type Scale

48px The quick brown fox 700 / 48px
36px The quick brown fox 700 / 45px
30px The quick brown fox 700 / 41.25px
20px The quick brown fox 400 / 32.5px
18px The quick brown fox 400 / 29.25px
16px The quick brown fox 400 / 24px
14px The quick brown fox 500 / 20px
12px The quick brown fox 500 / 16px

Spacing Scale (base: 2px)

2px
32px
40px
48px
64px

Box Shadows

sm
sm
xs (inset)
xs (inset)
xl

Border Radii

6px
md
14px
lg
20px
xl
24px
xl

Accessibility

100%
WCAG Contrast Score
18 passing / 0 failing color pairs

Color Pair Analysis

Sample
#010101 on #ffffff
20.87:1
AAA
12x
Sample
#010101 on #e9e9e9
17.19:1
AAA
2x
Sample
#5c5c5c on #ffffff
6.69:1
AA
2x
Sample
#010101 on #f7f7f7
19.48:1
AAA
1x
Sample
#335cff on #ffffff
5.1:1
AA
1x