Implement design system for the website

[dev-murphy]

Description

There are several things on the website that used across all pages to defines the looks and feels. This is its design system which includes elements likes:

• Fonts
  • Size
  • Family
• Colors
• Images (specifically ones like logos and icons)

So we need to configure those on the website in a way that it can be easy reused by all developers on the project.

Acceptance Criteria

• Add all fonts and colors related to website inside tailwind.config.ts
• Add logos and favicons appropriates folders (assets or public)
• Add custom icons from the design to assets

Resources

Design File

[raverdls]

Estimate: 4 days

[dev-murphy]

Color Palette

Fonts

• Open Sans - All Size
• Oranienbaum
• Oleo Script
• Inter - Regular
• Otomanopee One
• Original Surfer - Regular