menu
Home
About
Portfolio
(current)
Contact
‹ Back to Projects
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.
View Figma
Prototype
Let’s Collab and Make Some Magic!
Have an idea? I’d love to hear it—let’s bring it to life!