Online Pet Store, Shop Pet Supplies and Products: Supertails

https://www.supertails.com/ 4405 elements 4/26/2026
38
Colors
4
Font Families
18
Spacing Values
24
Shadows
9
Border Radii
10
Components
94%
A11y Score

Color Palette

Brand Colors

#282c3f
Primary
482 uses
#0f56b3
Secondary
250 uses
#ef6c00
Accent
143 uses

Neutrals

#000000
6208 uses
#ffffff
1617 uses
#999999
72 uses
#333333
65 uses
#666666
62 uses
#e9e9e9
45 uses
#1a1a1d
19 uses
#dddddd
13 uses
#cccccc
11 uses
#a5a5a5
9 uses

Full Palette

#000000
text, border, background
6208 uses
#ffffff
background, text, border
1617 uses
#282c3f
text, border
482 uses
#0f56b3
text, border
250 uses
#ef6c00
background, text, border
143 uses
#999999
text, border
72 uses
#333333
text, border, background
65 uses
#666666
text, border
62 uses
#e9e9e9
border, background
45 uses
#0000ff
text, border
38 uses
#1a1a1d
border, text
19 uses
#769a03
text, border
16 uses
#dddddd
border, background
13 uses
#cccccc
background, border
11 uses
#a5a5a5
border, text
9 uses
#4b5563
text, border
8 uses
#ff9a16
background
8 uses
#878787
text, border
8 uses
#ff0000
text, border
8 uses
#b8d852
background
6 uses

Gradients

Typography

Font Families

Open Sans (all, 4083x)Times New Roman (all, 318x)Gotham Rounded-Medium (body, 2x)GTStandard-M (body, 2x)

Type Scale

35px The quick brown fox 700 / 70px
28px The quick brown fox 700 / 42px
27.2px The quick brown fox 700 / 40.8px
24px The quick brown fox 700 / 22px
22.4px The quick brown fox 500 / 33.6px
22px The quick brown fox 700 / 30px
20px The quick brown fox 500 / 30px
19.2px The quick brown fox 600 / 23.04px
19px The quick brown fox 500 / 28.5px
18px The quick brown fox 500 / 20px
17px The quick brown fox 700 / 30.6px
16.5px The quick brown fox 400 / 19.8px

Spacing Scale (base: 2px)

1px
24px
28px
30px
32px
35px
38px
43px
50px
56px
60px
80px
100px
115px
190px
205px

Box Shadows

sm (inset)
xs
sm
sm
sm
sm
md
md
md
md
md
md
md
md
md
lg
lg
lg
xl
xl
xl
xl
xl
xl

Border Radii

2px
xs
5px
sm
8px
md
11px
lg
15px
lg
20px
xl
24px
xl
30px
full
50px
full

Accessibility

94%
WCAG Contrast Score
278 passing / 19 failing color pairs

Color Pair Analysis

Sample
#ef6c00 on #ffffff
3.08:1
FAIL
8x
Sample
#ef6c00 on #ffeee6
2.73:1
FAIL
3x
Sample
#000000 on #343333
1.67:1
FAIL
3x
Sample
#000000 on #404040
2.03:1
FAIL
2x
Sample
#ffffff on #ff6914
2.88:1
FAIL
1x
Sample
#ffffff on #cccccc
1.61:1
FAIL
1x
Sample
#000000 on #333333
1.66:1
FAIL
1x
Sample
#000000 on #ffffff
21:1
AAA
159x
Sample
#000000 on #f8f8f8
19.77:1
AAA
53x
Sample
#ffffff on #ef6c00
3.08:1
AA
14x
Sample
#000000 on #ff9a16
9.89:1
AAA
8x
Sample
#222222 on #cbff22
13.54:1
AAA
6x
Sample
#000000 on #dbdbdb
15.17:1
AAA
6x
Sample
#000000 on #e0e0e0
15.91:1
AAA
4x
Sample
#000000 on #b8d853
12.99:1
AAA
4x
Sample
#1a1a1a on #ffffff
17.4:1
AAA
3x
Sample
#b91313 on #fff5f6
6.21:1
AA
2x
Sample
#ffffff on #343333
12.59:1
AAA
2x
Sample
#000000 on #fff0f0
18.97:1
AAA
2x
Sample
#ffffff on #96258b
7.16:1
AAA
2x