Biofidelity - Assay Analysis web tool design - Make it Clear

https://makeitclear.com/work/biofidelity-assay-analysis-web-tool-design/ 1051 elements 4/29/2026

Colors

Font Families

Spacing Values

Shadows

Border Radii

Components

87%

A11y Score

Color Palette

Brand Colors

#21263c

Primary

42 uses

#007bff

Secondary

30 uses

#21263c

Accent

42 uses

Neutrals

#ffffff

842 uses

#1d1d1d

761 uses

#000000

335 uses

#cbcbcb

26 uses

#353535

7 uses

#2a2a2a

4 uses

#545454

2 uses

#dddddd

2 uses

#808080

1 uses

#484848

1 uses

Full Palette

#ffffff

background, text, border

842 uses

#1d1d1d

text, border, background

761 uses

#000000

text, border

335 uses

#21263c

text, border, background

42 uses

#007bff

text, border

30 uses

#0166ff

background, text, border

30 uses

#cbcbcb

text, border

26 uses

#2a70e7

text

8 uses

#353535

background

7 uses

#2a2a2a

text, border

4 uses

#545454

text, border

2 uses

#dddddd

background

2 uses

#0f1015

background

1 uses

#808080

text

1 uses

#00a0d2

border

1 uses

#484848

background

1 uses

#8c8aff

border

1 uses

#70dfae

border

1 uses

#69e4fb

border

1 uses

#616c7d

background

1 uses

Typography

Font Families

Lexend (body, 818x)sans-serif (all, 136x)Space Grotesk (all, 57x)sans-serif-light (body, 39x)Times New Roman (body, 1x)

Type Scale

60px The quick brown fox 700 / 63px

30px The quick brown fox 700 / 33.6px

24px The quick brown fox 600 / 29px

21px The quick brown fox 700 / 23.52px

20px The quick brown fox 300 / 28px

18px The quick brown fox 400 / 29px

16.8px The quick brown fox 400 / 25.2px

16px The quick brown fox 300 / 22.4px

14px The quick brown fox 400 / 20px

13px The quick brown fox 400 / 18px

12px The quick brown fox 400 / 15.84px

10px The quick brown fox 400 / 11.5px

Spacing Scale

1px

20px

35px

40px

48px

60px

65px

75px

86px

104px

108px

113px

120px

157px

174px

181px

Box Shadows

Border Radii

2px

6px

50px

full

60px

full

83px

full

194px

full

Accessibility

WCAG Contrast Score

55 passing / 8 failing color pairs

Biofidelity - Assay Analysis web tool design - Make it Clear

Color Palette

Brand Colors

Neutrals

Full Palette

Typography

Font Families

Type Scale

Spacing Scale

Box Shadows

Border Radii

Accessibility

Color Pair Analysis