Design Language: inApp — Deep Links & Link Management

Color Palette

Brand Colors

#1a1815

Primary

261 uses

#c41e3a

Secondary

39 uses

#c41e3a

Accent

39 uses

Neutrals

#6b6560

123 uses

#ffffff

106 uses

#e5e5e5

98 uses

#c5bfb8

81 uses

#000000

30 uses

#0a0a0a

3 uses

Full Palette

#1a1815

text, border, background

261 uses

#6b6560

text, border

123 uses

#ffffff

text, border, background

106 uses

#e5e5e5

text, border, background

98 uses

#c5bfb8

text, border, background

81 uses

#c41e3a

background, text, border

39 uses

#000000

text, border

30 uses

#f5f1eb

background

20 uses

#3d2c2c

text, border

19 uses

#4ade80

text, border

10 uses

#d5cfc6

border

3 uses

#0a0a0a

background

3 uses

#f59e0b

text, border

2 uses

#111827

background

1 uses

#60a5fa

border

1 uses

#92400e

background

1 uses

#ea580c

background

1 uses

#d64444

background

1 uses

Gradients

Typography

Font Families

Inter (body, 277x)Noto Serif JP (all, 59x)Arial (body, 17x)Times New Roman (body, 9x)lato (body, 1x)

Type Scale

576px The quick brown fox 900 / 576px

500px The quick brown fox 900 / 500px

448px The quick brown fox 900 / 448px

70.4px The quick brown fox 900 / 76.032px

51.2px The quick brown fox 900 / 81.92px

48px The quick brown fox 900 / 76.8px

42px The quick brown fox 700 / 52.5px

32px The quick brown fox 700 / 51.2px

24px The quick brown fox 700 / 38.4px

22px The quick brown fox 400 / 35.2px

20px The quick brown fox 700 / 32px

18px The quick brown fox 600 / 28.8px

Accessibility

WCAG Contrast Score

49 passing / 19 failing color pairs

Color Pair Analysis

inApp — Deep Links & Link Management

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