WidgetCraftGet the appGreen · Home screen setup
Green home screen setup
Green widgets range from soft sage to deep forest. This recipe uses a sage background, forest text and a fresh leaf accent. This setup uses three widgets, one wallpaper and one palette so the whole screen reads as a single design.
The three green widgets
- Green step counter widget (4 × 2): shows today's steps against your goal.
- Green to-do list widget (4 × 2): keeps today's tasks on your home screen with boxes you can tick.
- Green clock widget (4 × 2): shows the time in large numerals with the day and date beneath.
Place them top to bottom in that order and leave the row above the dock empty so the wallpaper has room.
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 #E4EDDF, corner radius 22
- Ring: diameter 104, stroke 12, progress #3FA35B, range 0 to your goal
- Text: percentage inside the ring, size 20, color #1E3A2B
- Bars and rings: Use leaf-green bars on a matcha track.
Styling is free; the live data needs Pro. 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 #E4EDDF, corner radius 22
- Text: title "Today", built-in Sans, size 22, color #1E3A2B
- Text: count such as "1 of 3", size 12, color #6F8C78, right aligned
- Lists: Round leaf-green checkboxes.
Free to build. 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 #E4EDDF, corner radius 22
- Layout: split: the time on the left at size 64, a thin divider at x 236, and the weekday and date stacked in a column on the right
- Text or Date: weekday, built-in Sans, size 12, color #6F8C78
- Numbers: Keep numbers forest green and semi-bold.
Free to build. Full recipe and steps.
How to set up a green home screen
- Set the wallpaper first, so you can judge every color against it.
- Build the step counter widget and add it to the home screen at 4 × 2.
- Duplicate its canvas settings for the to-do list and clock 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.
Green wallpaper ideas
Leaves, hills or a sage gradient.
Green icons and dock
Green or white glyph icons.
Green home screen colors
- Sage
#E4EDDFBackground - Matcha
#CBDCC2Surface and tracks - Forest
#1E3A2BText - Moss
#6F8C78Labels - Leaf
#3FA35BAccent
Fonts for a green home screen
Use built-in Sans at weight 600. Corner radius is 22 on every widget so the shapes match.
Do and avoid
- Use sage for large areas and bright green for small ones.
- Keep text in the darkest green.
- Do not combine with red unless it is seasonal.
- Do not use neon green here.