Design Language: Trosyn AI – Investor Overview

Color Palette

Brand Colors

#4f6376

Primary

285 uses

#14283c

Secondary

162 uses

#006054

Accent

71 uses

Neutrals

#f0f0f0

542 uses

#ffffff

75 uses

#000000

32 uses

Full Palette

#f0f0f0

text, border, background

542 uses

#4f6376

text, border

285 uses

#14283c

text, border, background

162 uses

#5a6f82

text, border

111 uses

#f0b464

text, border, background

102 uses

#ffffff

text, border, background

75 uses

#006054

background, border, text

71 uses

#dcf0f0

text, border, background

49 uses

#e05a3a

background, text, border

37 uses

#000000

text, border

32 uses

#2f6660

text, border, background

19 uses

#c8903f

text, border

18 uses

#d9e6e2

border

14 uses

#6f8396

text, border

12 uses

#41586a

text, border

10 uses

#ecab4d

text, border

6 uses

#f7dfd8

background

2 uses

#f1c6bc

border

2 uses

#245b6a

background

1 uses

#855f1f

text

1 uses

Gradients

Typography

Font Families

DM Sans (body, 629x)Fraunces (all, 75x)Times New Roman (body, 16x)Material Symbols Outlined (body, 10x)

Type Scale

104px The quick brown fox 900 / 104px

60.416px The quick brown fox 900 / 57.3952px

44.8px The quick brown fox 700 / 51.52px

38.4px The quick brown fox 900 / 38.4px

32px The quick brown fox 900 / 32px

30.4px The quick brown fox 900 / 30.4px

23.2px The quick brown fox 600 / 23.2px

22.4px The quick brown fox 900 / 38.08px

20.8px The quick brown fox 900 / 20.8px

19.2px The quick brown fox 400 / 19.2px

18.88px The quick brown fox 700 / 18.88px

18.4px The quick brown fox 700 / 31.28px

Accessibility

WCAG Contrast Score

18 passing / 74 failing color pairs

Color Pair Analysis

Trosyn AI – Investor Overview

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