SipRyt - Water-Intake Tracker App








UI DESIGN

Color Palette
  • Primary Colors: Soothing blues (#0049FF) and (#26DEFF) to evoke freshness and water.
  • Accent Colors: Bright orange (#15AAFF) and Dark Blue (#030088) to draw attention.
  • Neutral Colors: White (#FFFFFF) for backgrounds, and light gray (#EEF0F2) for subtle contrast.
Typography
  • Primary Font: Poppins – modern and clean, ensuring readability at various sizes.
  • Secondary Font: Roboto – friendly and approachable.
Button Design
  • Style: Rounded corners with subtle shadows for a friendly, inviting look.
  • Action Buttons: Clear labels to make logging intuitive.
Icons
  • Water Droplet Icon: For logging water intake, making the action visually clear.
  • Graph Icon: Used in progress sections to signify tracking and analytics.
Visual Elements
  • Progress Bars: Circular progress indicators to visualize hydration goals.
  • Charts: Line graphs to display daily and weekly water intake trends.
  • Motivational Illustrations: Playful images (e.g., characters enjoying water) to encourage hydration.