WidgetCraftGet the appHalloween · Home screen setup
Halloween home screen setup
Halloween widgets use pumpkin orange, deep purple and black with a slightly eerie display font. A countdown to 31 October is the obvious centerpiece. This setup uses three widgets, one wallpaper and one palette so the whole screen reads as a single design.
The three Halloween widgets
- Halloween countdown widget (4 × 2): counts the days left until a date you choose.
- Halloween clock widget (4 × 2): shows the time in large numerals with the day and date beneath.
- Halloween battery widget (2 × 2): shows your charge level as a ring with the percentage in the middle.
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 #120B1A, corner radius 16
- Layout: stacked: label, number and event name, center aligned
- Text: label "Days until", size 12, color #8E7AA8
- Numbers: Center the number in orange.
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 #120B1A, corner radius 16
- Layout: stacked: weekday, time, then date, all center aligned
- Text or Date: weekday, Creepster, size 12, color #8E7AA8
- Numbers: Center the number in orange.
Free to build. Full recipe and steps.
Battery widget settings
A battery widget turns one number into a shape you can read without thinking. A ring that fills clockwise is the clearest form, with the percentage inside it.
- Canvas: 200 × 200, background #120B1A, corner radius 16
- Ring: diameter 120, stroke 12, track #8E7AA8 at 28% opacity, progress #9B5DE5, round ends, start at top
- Battery: level as a number, Creepster, size 44, color #FF8A1F, centered in the ring
- Bars and rings: Use orange bars and circles; a circle with two triangles makes a pumpkin face.
Free to build. Full recipe and steps.
How to set up a Halloween 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 clock and battery 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.
Halloween wallpaper ideas
A night sky, bare trees or plain black.
Halloween icons and dock
Orange or purple glyph icons.
Halloween home screen colors
- Midnight
#120B1ABackground - Witch purple
#24143ASurface and tracks - Pumpkin
#FF8A1FText - Fog
#8E7AA8Labels - Violet
#9B5DE5Accent
Fonts for a Halloween home screen
Use Creepster (import the font file), or the built-in Serif at weight 700. Corner radius is 16 on every widget so the shapes match.
Do and avoid
- Set a countdown layer to 31 October.
- Keep the background nearly black.
- Do not use the spooky font for small labels.
- Do not add more than three colors.