Skift: Travel News, Airline News and Hotel News

https://skiftstaging.dev/ 2691 elements 5/15/2026
24
Colors
7
Font Families
23
Spacing Values
5
Shadows
4
Border Radii
12
Components
92%
A11y Score

Color Palette

Brand Colors

#f34033
Primary
60 uses
#fff22f
Secondary
30 uses
#fff22f
Accent
30 uses

Neutrals

#000000
3974 uses
#ffffff
1237 uses
#b1b1b1
108 uses
#eaeaea
15 uses
#737373
10 uses
#8b8589
2 uses

Full Palette

#000000
text, border, background
3974 uses
#ffffff
background, text, border
1237 uses
#b1b1b1
text, border
108 uses
#f34033
text, border
60 uses
#fff22f
background, text, border
30 uses
#33475b
text, border
17 uses
#eaeaea
border, background
15 uses
#737373
border, background
10 uses
#3691ce
background, border, text
4 uses
#0048ff
background
2 uses
#8b8589
text, border
2 uses
#0091ae
text, border
2 uses
#5166c0
background
2 uses
#385876
background
2 uses
#fff300
border
1 uses
#34394d
background
1 uses
#cbd6e2
border
1 uses
#bfc8d8
background
1 uses
#7cccf8
background
1 uses
#143a62
background
1 uses

Gradients

Typography

Font Families

Inter (all, 1681x)Space Grotesk (all, 563x)Times New Roman (body, 174x)Libre Caslon Text (all, 162x)Arial (body, 68x)Benjamin Franklin (headings, 30x)Helvetica Neue (body, 13x)

Type Scale

40px The quick brown fox 400 / 18px
38.4px The quick brown fox 700 / 49.92px
35.072px The quick brown fox 700 / 42.0864px
30.56px The quick brown fox 600 / 30.56px
29.472px The quick brown fox 700 / 35.3664px
24.64px The quick brown fox 500 / 27.104px
24px The quick brown fox 700 / 31.2px
20.704px The quick brown fox 500 / 35.1968px
19.2px The quick brown fox 400 / 23.04px
17.6px The quick brown fox 700 / 22.88px
17.312px The quick brown fox 500 / 29.4304px
17px The quick brown fox 600 / 28.9px

Spacing Scale

1px
12px
15px
20px
23px
26px
29px
32px
35px
39px
42px
45px
51px
63px
72px
82px

Box Shadows

xs
sm
sm
sm
md

Border Radii

3px
sm
10px
md
16px
lg
50px
full

Accessibility

92%
WCAG Contrast Score
78 passing / 7 failing color pairs

Color Pair Analysis

Sample
#000000 on #0048ff
3.37:1
FAIL
2x
Sample
#ffffff on #797976
4.37:1
FAIL
2x
Sample
#ffffff on #3691ce
3.44:1
FAIL
1x
Sample
#000000 on #5166c0
4.01:1
FAIL
1x
Sample
#000000 on #385876
2.83:1
FAIL
1x
Sample
#000000 on #fff22f
17.99:1
AAA
20x
Sample
#000000 on #ffffff
21:1
AAA
17x
Sample
#ffffff on #000000
21:1
AAA
16x
Sample
#000000 on #eaeaea
17.46:1
AAA
11x
Sample
#33475b on #ffffff
9.58:1
AAA
2x
Sample
#000000 on #797976
4.81:1
AA
2x
Sample
#ffffff on #34394d
11.42:1
AAA
1x
Sample
#ffffff on #5166c0
5.23:1
AA
1x
Sample
#ffffff on #385876
7.43:1
AAA
1x
Sample
#000000 on #bfc8d8
12.47:1
AAA
1x
Sample
#000000 on #7cccf8
11.85:1
AAA
1x
Sample
#ffffff on #143a62
11.59:1
AAA
1x
Sample
#000000 on #faf4d9
19.01:1
AAA
1x
Sample
#000000 on #3ae04e
11.95:1
AAA
1x
Sample
#ffffff on #72225c
10.01:1
AAA
1x