WidgetCraftGet the appAutumn · Home screen setup
Autumn home screen setup
Autumn widgets take their colors from falling leaves: rust orange, mustard, deep brown and cream, with soft serif type and a cosy mood. This setup uses three widgets, one wallpaper and one palette so the whole screen reads as a single design.
The three autumn widgets
- Autumn clock widget (4 × 2): shows the time in large numerals with the day and date beneath.
- Autumn quote widget (4 × 2): displays a line you want to see every day.
- Autumn photo widget (4 × 2): frames a favorite picture with a short caption.
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 #F4E4CF, corner radius 22
- Layout: stacked: weekday, time, then date, all left aligned
- Text or Date: weekday, DM Serif Display, size 12, color #9A7A5F
- Numbers: Keep numbers chestnut with a rust label.
Free to build. Full recipe and steps.
Quote widget settings
A quote widget is pure typography, so the style shows more clearly here than anywhere else. Line length, line spacing and the size of the quotation mark do the design work.
- Canvas: 360 × 180, background #F4E4CF, corner radius 22
- Shape: vertical rule 4 points wide in #C4561D at the left of the quote, in place of a quotation mark
- Text: quote in two lines, DM Serif Display, weight 400, size 22, line spacing 1.35, color #4A2C1A, left aligned
- Text: Use chestnut brown text in a warm serif.
Free to build. Full recipe and steps.
Photo widget settings
A photo widget puts a person, place or pet on the home screen without making it the wallpaper. The frame, the crop and the caption decide whether it feels designed or just pasted in.
- Canvas: 360 × 200, background #F4E4CF, corner radius 22
- Layout: photo on the left, caption on the right
- Image: 190 × 160, corner radius 14, crop to fill
- Photos: Leaves, coffee and knitwear photos fit.
Free to build. Full recipe and steps.
How to set up an autumn 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 quote and photo 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.
Autumn wallpaper ideas
Fallen leaves, a misty forest or a warm blurred photo.
Autumn icons and dock
Brown or orange icon packs.
Autumn home screen colors
- Oat
#F4E4CFBackground - Wheat
#E8C9A0Surface and tracks - Chestnut
#4A2C1AText - Bark
#9A7A5FLabels - Rust
#C4561DAccent
Fonts for an autumn home screen
Use DM Serif Display (import the font file), or the built-in Serif at weight 400. Corner radius is 22 on every widget so the shapes match.
Do and avoid
- Combine rust, mustard and brown on cream.
- Use warm photos.
- Do not use cool blues.
- Do not use pure white.