WidgetCraftGet the appWhite · Home screen setup
White home screen setup
White widgets are bright, light cards with grey and black text and a pale accent. They make a home screen look open and tidy, especially over light wallpapers. This setup uses three widgets, one wallpaper and one palette so the whole screen reads as a single design.
The three white widgets
- White calendar widget (4 × 2): shows today's date beside your next event.
- White clock widget (4 × 2): shows the time in large numerals with the day and date beneath.
- White step counter widget (4 × 2): shows today's steps against your goal.
Place them top to bottom in that order and leave the row above the dock empty so the wallpaper has room.
Calendar widget settings
A calendar widget answers two questions: what day is it, and what is next. The date sits in a bold block on the left and the next event takes the right side.
- Canvas: 360 × 180, background #FFFFFF, corner radius 24, soft shadow radius 12 at low opacity
- Shape: date block 104 × 124, radius 20, fill #5E8BFF
- Date: weekday (size 13) and day number (size 58) centered on the block, color #FFFFFF
- Numbers: Keep numbers charcoal and medium weight.
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.
- Canvas: 360 × 180, background #FFFFFF, corner radius 24, soft shadow radius 12 at low opacity
- Layout: header: weekday on the left and date on the right in one row at the top, a hairline under it, and the time anchored to the bottom left at size 83
- Text or Date: weekday, built-in Sans, size 12, color #9A9AA0
- Numbers: Keep numbers charcoal and medium weight.
Free to build. Full recipe and steps.
Step counter widget settings
A step widget shows one number and how close it is to a goal. A ring on one side and the count on the other reads well at a glance.
- Canvas: 360 × 180, background #FFFFFF, corner radius 24, soft shadow radius 12 at low opacity
- Ring: diameter 104, stroke 5, progress #5E8BFF, range 0 to your goal
- Text: percentage inside the ring, size 20, color #1C1C1E
- Bars and rings: Use a thin blue bar on a pale grey track.
Styling is free; the live data needs Pro. Full recipe and steps.
How to set up a white home screen
- Set the wallpaper first, so you can judge every color against it.
- Build the calendar widget and add it to the home screen at 4 × 2.
- Duplicate its canvas settings for the clock and step counter widgets so the background, radius and outline match exactly.
- Place all three, then adjust margins until the left edges line up.
- Change the icons last, and remove any app you do not use daily from the page.
White wallpaper ideas
Light grey, pale gradient or a bright photo.
White icons and dock
Light or pastel icon packs.
White home screen colors
- White
#FFFFFFBackground - Snow grey
#F4F4F6Surface and tracks - Charcoal
#1C1C1EText - Silver
#9A9AA0Labels - Sky blue
#5E8BFFAccent
Fonts for a white home screen
Use built-in Sans at weight 500. Corner radius is 24 on every widget so the shapes match.
Do and avoid
- Add a very soft shadow so white cards lift off light wallpapers.
- Keep one cool accent.
- Do not use pure black text; charcoal is softer.
- Do not use it on a white wallpaper without a shadow or outline.