Design Language: SchullTech

Color Palette

Brand Colors

#e5e7eb

Primary

335 uses

#03228f

Secondary

12 uses

#03228f

Accent

12 uses

Neutrals

#000000

214 uses

#595959

46 uses

#f9f9f9

36 uses

#747171

33 uses

#373737

6 uses

#242323

2 uses

Full Palette

#e5e7eb

border, background

335 uses

#000000

text, background

214 uses

#595959

text

46 uses

#f9f9f9

background, text

36 uses

#747171

text

33 uses

#03228f

background, text, border

12 uses

#373737

text

6 uses

#4b4f63

text

6 uses

#ef4444

text

3 uses

#dc2626

background, text

2 uses

#242323

text

2 uses

#01071d

text

2 uses

#bcf5e1

background

1 uses

#e0bfbf

background

1 uses

#ffe1dc

background

1 uses

#fff9e1

background

1 uses

#e0fbf1

background

1 uses

#2d47a2

text

1 uses

#cdd3e9

background

1 uses

Gradients

Typography

Font Families

Inter (all, 335x)

Type Scale

60px The quick brown fox 700 / 60px

40px The quick brown fox 400 / 60px

38px The quick brown fox 600 / 57px

32px The quick brown fox 600 / 48px

30px The quick brown fox 700 / 36px

20px The quick brown fox 400 / 28px

18px The quick brown fox 700 / 28px

16px The quick brown fox 400 / 24px

14px The quick brown fox 500 / 20px

Accessibility

WCAG Contrast Score

32 passing / 1 failing color pairs

Color Pair Analysis

SchullTech

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