Quire - 勇敢追夢. 實現計劃. 成就未來.

https://quire.io/zh_TW 464 elements 5/21/2026

Colors

Font Families

Spacing Values

Shadows

Border Radii

Components

91%

A11y Score

Color Palette

Brand Colors

#181d25

Primary

631 uses

#05843e

Secondary

31 uses

#05843e

Accent

31 uses

Neutrals

#000000

146 uses

#ffffff

125 uses

Full Palette

#181d25

text, border

631 uses

#000000

text, border, background

146 uses

#ffffff

background, text, border

125 uses

#05843e

text, border, background

31 uses

#2c2302

text, border

16 uses

#ffd94e

background

4 uses

#e0e9f6

background

2 uses

#eff6ef

background

1 uses

#fefae2

background

1 uses

#ff891e

background

1 uses

#cbddf8

background

1 uses

#077a54

background

1 uses

#07553f

background

1 uses

#3a454b

background

1 uses

Typography

Font Families

Inter (all, 381x)sans-serif (all, 70x)QuireIcons (body, 13x)

Type Scale

60px The quick brown fox 600 / 69px

42px The quick brown fox 600 / 54.18px

32px The quick brown fox 600 / 41.6px

28px The quick brown fox 400 / 37.52px

24px The quick brown fox 400 / 30px

22px The quick brown fox 600 / 24.2px

20px The quick brown fox 400 / 28.5714px

18px The quick brown fox 500 / 48px

16px The quick brown fox 400 / 22.8571px

14px The quick brown fox 400 / 20px

12px The quick brown fox 400 / 17.1429px

10px The quick brown fox 400 / normal

Spacing Scale (base: 2px)

2px

23px

30px

37px

40px

45px

48px

56px

64px

68px

72px

78px

96px

102px

120px

128px

Box Shadows

Border Radii

4px

8px

16px

34px

full

48px

full

Accessibility

WCAG Contrast Score

32 passing / 3 failing color pairs

Quire - 勇敢追夢. 實現計劃. 成就未來.

Color Palette

Brand Colors

Neutrals

Full Palette

Typography

Font Families

Type Scale

Spacing Scale (base: 2px)

Box Shadows

Border Radii

Accessibility

Color Pair Analysis