WidgetCraftGet the appNothing-style · Home screen setup
Nothing-style home screen setup
Nothing-style widgets copy the dot-matrix look of Nothing phones: numerals built from dots, strict black and white, small technical labels and one red accent. A dot-matrix font does most of the work. This setup uses three widgets, one wallpaper and one palette so the whole screen reads as a single design.
The three Nothing-style widgets
- Nothing-style clock widget (4 × 2): shows the time in large numerals with the day and date beneath.
- Nothing-style battery widget (2 × 2): shows your charge level as a ring with the percentage in the middle.
- Nothing-style step counter widget (4 × 2): shows today's steps against your goal.
Place them top to bottom in that order and leave the row above the dock empty so the wallpaper has room.
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 #0A0A0A, corner radius 26
- Layout: stacked: weekday, time, then date, all left aligned
- Text or Date: weekday, Doto, size 12, color #8A8A8A, capitals, letter spacing 0.1
- Numbers: Set the number in the dot-matrix font as large as the widget allows.
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 #0A0A0A, corner radius 26
- Ring: diameter 120, stroke 9, track #8A8A8A at 28% opacity, progress #D71921, round ends, start at top
- Battery: level as a number, Doto, size 44, color #FFFFFF, centered in the ring
- Bars and rings: Build progress from rows of small dots or short segments.
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 #0A0A0A, corner radius 26
- Ring: diameter 104, stroke 9, progress #D71921, range 0 to your goal
- Text: percentage inside the ring, size 20, color #FFFFFF
- Bars and rings: Build progress from rows of small dots or short segments.
Styling is free; the live data needs Pro. Full recipe and steps.
How to set up a Nothing-style home screen
- Set the wallpaper first, so you can judge every color against it.
- Build the clock widget and add it to the home screen at 4 × 2.
- Duplicate its canvas settings for the battery and step counter 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.
Nothing-style wallpaper ideas
Pure black or white, or a greyscale photo.
Nothing-style icons and dock
Monochrome icon packs; Nothing phones also offer a built-in monochrome option.
Nothing-style home screen colors
- Black
#0A0A0ABackground - Charcoal
#1A1A1ASurface and tracks - White
#FFFFFFText - Grey
#8A8A8ALabels - Signal red
#D71921Accent
Fonts for a Nothing-style home screen
Use Doto (import the font file), or the built-in Mono at weight 700, with labels in capitals. Corner radius is 26 on every widget so the shapes match.
Do and avoid
- Import a free dot-matrix font such as Doto.
- Use red only as a single dot or one word.
- Do not add color beyond the red accent.
- Do not use more than one dot-matrix line per widget; it gets hard to read.