WidgetCraftGet the appBotanical · Home screen setup
Botanical home screen setup
Botanical widgets bring plants onto the home screen: deep and soft greens, leaf photographs and a calm serif or sans. They pair naturally with nature wallpapers. This setup uses three widgets, one wallpaper and one palette so the whole screen reads as a single design.
The three botanical widgets
- Botanical photo widget (4 × 2): frames a favorite picture with a short caption.
- Botanical step counter widget (4 × 2): shows today's steps against your goal.
- Botanical 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.
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 #E9EFE4, corner radius 22
- Layout: caption on the left, photo on the right
- Image: 190 × 160, corner radius 14, crop to fill
- Photos: Leaf close-ups work best; let the photo fill one side of the widget.
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 #E9EFE4, corner radius 22
- Ring: diameter 104, stroke 5, progress #3F7D4E, range 0 to your goal
- Text: percentage inside the ring, size 20, color #1F3327
- Bars and rings: Use thin green bars and rings that suggest growth.
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 #E9EFE4, 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, Libre Baskerville, size 12, color #6E8574
- Numbers: Keep numbers in dark fern with a small moss label.
Free to build. Full recipe and steps.
How to set up a botanical home screen
- Set the wallpaper first, so you can judge every color against it.
- Build the photo widget and add it to the home screen at 4 × 2.
- Duplicate its canvas settings for the step counter 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.
Botanical wallpaper ideas
A leaf close-up, forest canopy or pale green texture.
Botanical icons and dock
Green line icons or a leaf-themed pack.
Botanical home screen colors
- Leaf mist
#E9EFE4Background - Sage
#D3DFCCSurface and tracks - Deep fern
#1F3327Text - Moss
#6E8574Labels - Fern green
#3F7D4EAccent
Fonts for a botanical home screen
Use Libre Baskerville (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
- Take all colors from one plant photo.
- Mix one large photo with a little text.
- Do not use competing bright colors.
- Do not crop leaves into tiny thumbnails.