Site Map








Graphic Identity

Food Section

Color Scheme:

  • Primary Color: Light Green (#8BC34A) – Symbolizes health, freshness, and vitality.
  • Secondary Color: Light Yellow (#FFEB3B) – Represents energy, positivity, and happiness.
  • Accent Color: White (#FFFFFF) – For clean design and clarity.
  • Text Color: Dark Gray (#424242) – Ensures readability, while not being as harsh as black.

Typography:

  • Heading: Playfair Display or Merriweather
  • Body Text: Roboto or Lato

Exercise Section

Color Scheme:

  • Primary Color: Soft Blue (#03A9F4) – Calm, trust-building, and professional.
  • Secondary Color: Light Gray (#F5F5F5) – Clean and minimalist background color.
  • Accent Color: Dark Charcoal (#212121) – For text and headers, ensuring legibility.
  • Highlight Color: Bright Green (#4CAF50) – For action buttons (e.g., “Log food,” “Track workout”), to encourage user interaction.

Typography:

  • Heading: Bebas Neue or Oswald
  • Body Text: Helvetica Neue or Montserrat
Desktop view Mobile view
FoodExer - Github Repository FoodExer - Trello Board APIs - https://rapidapi.com/