Colors

Primary Colors

Black (#000000)

Main Blue (#0000FF)

White (#FFFFFF)

Secondary Colors

Dark Blue (#0A0B5C)

Medium Blue (#5676FF)

Light Blue (#D5E4FF)

Neutral Colors

50 (#FAFAFA)

100 (#F5F5F5)

200 (#E5E5E5)

300 (#D4D4D4)

400 (#A3A3A3)

500 (#737373)

600 (#525252)

700 (#404040)

800 (#262626)

950 (#0A0A0A)

Typography

H1: The Quick Brown Fox Jumps Over the Lazy Dog

Font: Lexend | Size: 2.986rem (47.78px) | Weight: 700 | Line Height: 1.15 | Letter Spacing: -0.022em

H2: The Quick Brown Fox Jumps Over the Lazy Dog

Font: Lexend | Size: 2.488rem (39.81px) | Weight: 700 | Line Height: 1.15 | Letter Spacing: -0.022em

H3: The Quick Brown Fox Jumps Over the Lazy Dog

Font: Lexend | Size: 2.074rem (33.18px) | Weight: 700 | Line Height: 1.15 | Letter Spacing: -0.022em

H4: The Quick Brown Fox Jumps Over the Lazy Dog

Font: Lexend | Size: 1.728rem (27.65px) | Weight: 700 | Line Height: 1.15 | Letter Spacing: -0.022em

H5: The Quick Brown Fox Jumps Over the Lazy Dog

Font: Lexend | Size: 1.44rem (23.04px) | Weight: 700 | Line Height: 1.15 | Letter Spacing: -0.022em

H6: The Quick Brown Fox Jumps Over the Lazy Dog

Font: Lexend | Size: 1.2rem (19.2px) | Weight: 700 | Line Height: 1.15 | Letter Spacing: -0.022em

Paragraph Regular - Body Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum.

Font: Inter | Size: 1rem (16px) | Weight: 500 | Line Height: 1.6 | Letter Spacing: 0em

Paragraph Large - Highlight Text - Body Large

Menu Header and Footer

Item 1
Item 2
Item 3

Font: Inter | Size: 0.875rem (14px) | Weight: 400