WidgetCraftGet the appRed · Home screen setup
Red home screen setup
Red widgets are bold and energetic. This recipe sets white text on a deep red with a darker red for tracks; red and black is the classic alternative. This setup uses three widgets, one wallpaper and one palette so the whole screen reads as a single design.
The three red widgets
- Red countdown widget (4 × 2): counts the days left until a date you choose.
- Red battery widget (2 × 2): shows your charge level as a ring with the percentage in the middle.
- Red 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.
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 #C1121F, corner radius 18
- 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 #FFC9CD
- Numbers: Keep numbers white and bold.
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 #C1121F, corner radius 18
- Ring: diameter 120, stroke 12, track #FFC9CD at 28% opacity, progress #FFD166, round ends, start at top
- Battery: level as a number, built-in Sans, size 44, color #FFFFFF, centered in the ring
- Bars and rings: Use a white or amber bar on an oxblood track.
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 #C1121F, corner radius 18
- Layout: stacked: weekday, time, then date, all left aligned
- Text or Date: weekday, built-in Sans, size 12, color #FFC9CD, capitals, letter spacing 0.1
- Numbers: Keep numbers white and bold.
Free to build. Full recipe and steps.
How to set up a red 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 battery 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.
Red wallpaper ideas
Black, dark red or a red-toned photo.
Red icons and dock
White or black glyph icons.
Red home screen colors
- Crimson
#C1121FBackground - Oxblood
#9A0E18Surface and tracks - White
#FFFFFFText - Pale rose
#FFC9CDLabels - Amber
#FFD166Accent
Fonts for a red home screen
Use built-in Sans at weight 700, with labels in capitals. Corner radius is 18 on every widget so the shapes match.
Do and avoid
- Use red as the background and white as text.
- Add black as a third color if needed.
- Do not use red text on black for small sizes; it is hard to read.
- Do not mix with pink.