WidgetCraftGet the app

Purple · Home screen setup

Purple home screen setup

By the WidgetCraft team · Updated

Purple widgets use lavender backgrounds, deep plum text and a bright violet accent. They look gentle in light tones and dramatic in dark ones. This setup uses three widgets, one wallpaper and one palette so the whole screen reads as a single design.

Purple home screen setup: music, clock, countdown widgets
Design preview of the three widgets stacked on one screen.

The three purple widgets

  1. Purple music widget (4 × 2): shows the song that is playing with play, pause and skip controls.
  2. Purple clock widget (4 × 2): shows the time in large numerals with the day and date beneath.
  3. Purple countdown widget (4 × 2): counts the days left until a date you choose.

Place them top to bottom in that order and leave the row above the dock empty so the wallpaper has room.

Music player widget settings

A now-playing widget shows cover art, the track and artist, a progress line and three controls. It works with whichever app is playing, not one particular service.

Styling is free; the live data needs Pro. Full recipe and steps.

Clock widget settings

A digital clock is the widget most people place first. It needs to be readable from arm's length, so the time takes most of the space and the date sits quietly below it.

Free to build. Full recipe and steps.

Countdown widget settings

A countdown widget keeps one date in view: a trip, a birthday, an exam or a launch. The number of days is the hero, the event name gives it meaning and a bar shows how far along you are.

Free to build. Full recipe and steps.

How to set up a purple home screen

  1. Set the wallpaper first, so you can judge every color against it.
  2. Build the music widget and add it to the home screen at 4 × 2.
  3. Duplicate its canvas settings for the clock and countdown widgets so the background, radius and outline match exactly.
  4. Place all three, then adjust margins until the left edges line up.
  5. Change the icons last, and remove any app you do not use daily from the page.

Purple wallpaper ideas

A lavender gradient or twilight photo.

Purple icons and dock

Purple or white glyph icons.

Purple home screen colors

Fonts for a purple home screen

Use built-in Sans at weight 600. Corner radius is 24 on every widget so the shapes match.

Do and avoid

Similar setups