Design Language: Broodle - Ultra Fast Cloud Hosting Designed for India

Color Palette

Brand Colors

#0a5ed3

Primary

160 uses

#f4f5f8

Secondary

77 uses

#0a5ed3

Accent

160 uses

Neutrals

#000000

2774 uses

#ffffff

635 uses

#1a1a1c

478 uses

#333333

36 uses

#666666

1 uses

Full Palette

#000000

text, border, background

2774 uses

#ffffff

background, text, border

635 uses

#1a1a1c

text, border, background

478 uses

#0a5ed3

text, border, background

160 uses

#f4f5f8

background, border

77 uses

#333333

text, border

36 uses

#dfe4eb

border, background

21 uses

#0636ff

background

20 uses

#011da6

background, border

15 uses

#070b10

background

4 uses

#135e96

text, border

4 uses

#009415

background, border

2 uses

#b5d2fd

background, border

2 uses

#0850b5

border

2 uses

#ffa500

text, border

2 uses

#22c55e

border

2 uses

#e4cdff

background

1 uses

#d5fae8

background

1 uses

#c6f56f

background

1 uses

#f4ac45

background

1 uses

Gradients

Typography

Font Families

Lexend (body, 1725x)ui-sans-serif (body, 389x)ui-monospace (body, 139x)Sora (all, 34x)

Type Scale

60px The quick brown fox 700 / 75px

52px The quick brown fox 300 / 65px

40px The quick brown fox 300 / 48px

36px The quick brown fox 700 / 40px

32px The quick brown fox 400 / 41.6px

24px The quick brown fox 600 / 33.6px

22px The quick brown fox 600 / 28.6px

20px The quick brown fox 700 / 20px

18px The quick brown fox 700 / 28px

16px The quick brown fox 400 / 24px

15px The quick brown fox 500 / 22.5px

14px The quick brown fox 400 / 21px

Box Shadows

Accessibility

WCAG Contrast Score

165 passing / 68 failing color pairs

Color Pair Analysis

Broodle - Ultra Fast Cloud Hosting Designed for India

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