"Brief: Design a sleep tracker interface for “SleepSync,” an app that helps users monitor and improve their sleep habits. Users should be able to log their sleep, view a weekly graph of their sleep patterns, and get recommendations for improving sleep quality. The interface should feel calming and restful.
Requirements:
Colors:
Background: #F5F5F5 (soft gray)
Sleep Data Graph: #4682B4 (steel blue for calmness)
Recommendations Text: #696969 (dim gray for neutrality)
Sleep Log: Input fields for bed and wake times.
Graph Section: Shows a weekly overview of sleep hours.
Typography: Data labels in Arial, size 16px.
Responsive Design: Ensure clarity on all devices.
"