Design Language: Epicurious – Recipes, Menu Ideas, Videos & Cooking Tips

Colors

Font Families

Spacing Values

Shadows

Border Radii

Components

51%

A11y Score

Color Palette

Brand Colors

#f7fafc

Primary

194 uses

#4a5568

Secondary

189 uses

#f7fafc

Accent

194 uses

Neutrals

#000000

7836 uses

#2b2e35

1505 uses

#c9c9c9

136 uses

#505050

132 uses

#757575

20 uses

#808080

5 uses

Full Palette

#000000

text, border, background

7836 uses

#2b2e35

border, background, text

1505 uses

#f7fafc

background, text, border

194 uses

#4a5568

text, border

189 uses

#c9c9c9

text, border

136 uses

#505050

text, border

132 uses

#e1e7ee

background, border

20 uses

#757575

text, border

20 uses

#2d3748

text, border

12 uses

#e2ddcc

border, background

7 uses

#c03939

background

7 uses

#808080

text

5 uses

#eb0000

text, border

4 uses

#f5f1e7

background

3 uses

#0571b8

text, border

2 uses

Typography

Font Families

STIXTwoText (all, 3860x)Renner (all, 821x)Inter (body, 120x)sans-serif (all, 103x)SourceSerif (all, 96x)

Type Scale

41.6px The quick brown fox 700 / 47.01px

34px The quick brown fox 700 / 28.73px

24px The quick brown fox 500 / 26px

20.4px The quick brown fox 700 / 28.76px

20px The quick brown fox 500 / 28px

18px The quick brown fox 700 / 25px

17px The quick brown fox 400 / 28.73px

16px The quick brown fox 400 / normal

15px The quick brown fox 400 / 22.05px

14px The quick brown fox 400 / 19.6px

12px The quick brown fox 700 / 17.04px

8px The quick brown fox 400 / 19.6px

Epicurious – Recipes, Menu Ideas, Videos & Cooking Tips | Epicurious

Color Palette

Brand Colors

Neutrals

Full Palette

Typography

Font Families

Type Scale

Spacing Scale (base: 2px)

Box Shadows

Border Radii

Accessibility

Color Pair Analysis