WidgetCraftGet the appSummer · Home screen setup
Summer home screen setup
Summer widgets are bright and warm: turquoise sea, coral, sunshine yellow and white, with bold friendly type. Good for holiday countdowns and step goals. This setup uses three widgets, one wallpaper and one palette so the whole screen reads as a single design.
The three summer widgets
- Summer countdown widget (4 × 2): counts the days left until a date you choose.
- Summer step counter widget (4 × 2): shows today's steps against your goal.
- Summer 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.
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 #E8FBFF, corner radius 26
- Layout: split: label and event name on the left, the number right aligned and larger on the right
- Text: label "Days until", size 12, color #5E99A6
- Numbers: Keep numbers teal and bold with a coral label.
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 #E8FBFF, corner radius 26
- Ring: diameter 104, stroke 12, progress #FF6B5E, range 0 to your goal
- Text: percentage inside the ring, size 20, color #0B3C49
- Bars and rings: Use coral bars and a yellow circle as the sun.
Styling is free; the live data needs Pro. 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 #E8FBFF, corner radius 26
- Layout: caption on the left, photo on the right
- Image: 190 × 160, corner radius 18, crop to fill
- Photos: Beach and sky photos fit.
Free to build. Full recipe and steps.
How to set up a summer home screen
- Set the wallpaper first, so you can judge every color against it.
- Build the countdown widget and add it to the home screen at 4 × 2.
- Duplicate its canvas settings for the step counter 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.
Summer wallpaper ideas
Sea, sand or a sunset gradient.
Summer icons and dock
Bright rounded icon packs.
Summer home screen colors
- Sea foam
#E8FBFFBackground - Lagoon
#BDEFF7Surface and tracks - Deep teal
#0B3C49Text - Tide
#5E99A6Labels - Coral
#FF6B5EAccent
Fonts for a summer home screen
Use Quicksand (import the font file), or the built-in Sans at weight 700. Corner radius is 26 on every widget so the shapes match.
Do and avoid
- Use turquoise, coral and yellow together.
- Add a yellow circle as a sun.
- Do not use dark backgrounds.
- Do not use thin type.