WidgetCraftGet the appYellow · Home screen setup
Yellow home screen setup
Yellow widgets are bright and optimistic. Yellow is light, so this recipe uses near-black text and a warm orange accent to stay readable. This setup uses three widgets, one wallpaper and one palette so the whole screen reads as a single design.
The three yellow widgets
- Yellow clock widget (4 × 2): shows the time in large numerals with the day and date beneath.
- Yellow to-do list widget (4 × 2): keeps today's tasks on your home screen with boxes you can tick.
- Yellow 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.
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 #FFE66D, corner radius 22
- 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 #7A6A1F
- Numbers: Keep numbers dark and bold.
Free to build. Full recipe and steps.
To-do list widget settings
A to-do widget works when it is short. Three tasks, a clear title and a box to tap are enough; a long list belongs in an app.
- Canvas: 360 × 200, background #FFE66D, corner radius 22
- Text: title "Today", built-in Sans, size 22, color #2B2400
- Text: count such as "1 of 3", size 12, color #7A6A1F, right aligned
- Lists: Dark outline checkboxes.
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.
- Canvas: 360 × 180, background #FFE66D, corner radius 22
- Layout: stacked: label, number and event name, left aligned
- Text: label "Days until", size 12, color #7A6A1F
- Numbers: Keep numbers dark and bold.
Free to build. Full recipe and steps.
How to set up a yellow home screen
- Set the wallpaper first, so you can judge every color against it.
- Build the clock widget and add it to the home screen at 4 × 2.
- Duplicate its canvas settings for the to-do list and countdown 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.
Yellow wallpaper ideas
A pale yellow gradient or a sunny photo.
Yellow icons and dock
Black glyph icons.
Yellow home screen colors
- Lemon
#FFE66DBackground - Sun
#FFD43BSurface and tracks - Dark olive
#2B2400Text - Mustard grey
#7A6A1FLabels - Orange
#FF7A00Accent
Fonts for a yellow home screen
Use built-in Sans at weight 700. Corner radius is 22 on every widget so the shapes match.
Do and avoid
- Always use dark text on yellow.
- Use orange as the accent.
- Do not use white text.
- Do not combine with other bright colors.