Help people wind down and wake up on time. These two phone screens show last night in one glance and let the user set a smart alarm and a calming sound.
What is included
- A sleep score card with hours asleep
- Deep, REM and light sleep tiles
- A stage chart for the night
- An alarm card with a weekday selector
- A sound list with a play state and a start button
Where to use it
Use it for a sleep app, a wellness app or a smart alarm. The tab bar has four items you can rename.
How to use it
Copy the component with the copy button and paste it into Figma with Ctrl+V or Cmd+V. The layers keep their auto layout, so you can edit text, colors and spacing. The text uses Plus Jakarta Sans, a free font on Google Fonts. Install it first so the text looks the same.
Light version
This listing is the light version. The dark version is listed separately, so you can pick the one that fits your project.
