Secureframe: Build trust. Unlock growth.

https://secureframe.com/ 1524 elements 5/13/2026

Colors

Font Families

Spacing Values

Shadows

Border Radii

Components

46%

A11y Score

Color Palette

Brand Colors

#e5e7eb

Primary

1457 uses

#091922

Secondary

863 uses

#223038

Accent

57 uses

Neutrals

#000000

100 uses

#6b757a

13 uses

#f0f1f2

9 uses

#b5babd

9 uses

#1b1b1f

2 uses

Full Palette

#e5e7eb

border

1457 uses

#091922

text, border, background

863 uses

#f8faff

background, text, border

340 uses

#000000

text, background

100 uses

#223038

background, border

57 uses

#2e3b43

text

25 uses

#0fd082

background, text

22 uses

#4f6177

text, background, border

15 uses

#6b757a

text

13 uses

#f0f1f2

border

9 uses

#b5babd

text

9 uses

#1b1b1f

text, border

2 uses

#0856a8

text

1 uses

#0cab6b

text

1 uses

Gradients

Typography

Font Families

sans-serif (all, 1219x)halyardDisplay (all, 166x)ui-sans-serif (body, 103x)Helvetica (body, 36x)

Type Scale

84px The quick brown fox 400 / 75.6px

64px The quick brown fox 400 / 64px

40px The quick brown fox 400 / 44px

30px The quick brown fox 400 / 36px

22px The quick brown fox 400 / 30.8px

20px The quick brown fox 400 / 28px

16px The quick brown fox 400 / 24px

14px The quick brown fox 400 / 20px

12px The quick brown fox 400 / 16px

0px The quick brown fox 400 / 0px

Spacing Scale (base: 2px)

2px

40px

56px

105px

120px

140px

152px

224px

260px

Box Shadows

sm (inset)

Border Radii

2px

6px

50px

full

Accessibility

WCAG Contrast Score

25 passing / 29 failing color pairs

Secureframe: Build trust. Unlock growth.

Color Palette

Brand Colors

Neutrals

Full Palette

Gradients

Typography

Font Families

Type Scale

Spacing Scale (base: 2px)

Box Shadows

Border Radii

Accessibility

Color Pair Analysis