Pixel art · Habit tracker · 4 × 2 widget

Pixel art habit tracker widget

By the WidgetCraft team · Updated November 13, 2026

A pixel art habit tracker widget shows today's habits with a ring that fills as you complete them. 8-bit game screens: pixel fonts, chunky meters and limited palettes. This page gives the exact colors, type settings and layers, with a preview drawn from the same values.

Pixel art habit tracker widget design preview: 8-bit game screens: pixel fonts, chunky meters and limited palettes. — Design preview drawn from the recipe below. Example values are shown; your widget uses live data.

What a pixel art habit tracker widget shows

A habit tracker widget keeps a daily routine in view: water, reading, a walk. A ring shows how much of today is done and a short list lets you tick each habit from the home screen.

Habits are stored on the phone in WidgetCraft's Tasks, notes & habits section, a free source with no account or permission. Each habit can have a daily goal, such as 8 glasses, and the days it repeats; the app keeps the streak for you.

How the pixel art style shapes it

Pixel art widgets look like a handheld game console from the late 1980s. Text uses a pixel font, progress is shown as blocks or hearts, and the palette is a few flat greens or bright arcade colors.

Lists: Treat rows as a quest log with a square marker and a short capitalised title.
Bars and rings: Draw meters as ten square blocks and fill them one by one.

Pixel art habit tracker widget recipe

Layer	Settings
Canvas	360 × 180, background #D8E8C0, corner radius 0, outline 4 pt #22331F, shadow #22331F offset 6/6 with radius 0
Ring (habit progress)	diameter 100, stroke 9, progress #D64545, connected to today's habit progress
Text	"2/3" completed habits, Press Start 2P, size 24, color #22331F
List	today's habits, 3 rows, text size 15 in #22331F, count on the right in #55704A
Checkbox	18 × 18, outline #55704A; done state filled #D64545
Ornament	four 12 × 12 dark squares in the corners for a notched pixel frame, and two small red squares as status lights
Font	Press Start 2P (import the font file), or the built-in Mono
Home screen size	4 × 2 cells

Pixel art color palette

Screen green #D8E8C0Background
Mid green #B8CFA0Surface and tracks
Dark pixel #22331FText
Moss #55704ALabels
Heart red #D64545Accent

How to make a pixel art habit tracker widget in WidgetCraft

Open Tasks, notes & habits and add your habits. Give each a daily goal (for example 8 glasses) and the days it repeats.
Create a widget and open Canvas. Set the size to 360 × 180, the background to #D8E8C0 and the corner radius to 0. Add a 4-point outline.
Tap Add and choose Habit progress ring. Set the diameter to 100, the stroke to 9 and the progress color to #D64545.
Add a Text layer inside the ring for the count of completed habits at size 24 in #22331F.
Add Today's habits as a list on the right, limited to three rows, with text at size 15 in #22331F. A tap on a row marks progress.
Add the pixel art ornament with Shape layers and move them below the other layers in Layers: four 12 × 12 dark squares in the corners for a notched pixel frame, and two small red squares as status lights.
Tap Save, then Add to home screen and resize the widget on your launcher if needed.

Everything in this recipe works in the free version.

Tips for pixel art habit tracker widgets

Import Press Start 2P or Silkscreen for authentic pixel type.
Keep every edge square and every color flat.
Track three habits or fewer on one widget; more rows get too small to tap.
Give counted habits a unit, such as glasses or pages, so the numbers make sense.
A habit only counts on the days it is scheduled, so check the days if one never appears.
Do not use smooth gradients or rounded corners.
Do not use more than four colors in one widget.

Ready-made Retro Pixel templates

WidgetCraft includes a Retro Pixel template pack you can import and edit instead of starting from a blank canvas.

Habit experience23 editable layers

Launch pad18 editable layers

Pocket power HUD36 editable layers

Questions about the pixel art habit tracker widget

What size is a pixel art habit tracker widget?

It is designed for 4 × 2 home screen cells on a 360 × 180 canvas. You can resize it on the launcher and the design scales in proportion.

Which colors does it use?

Screen green (#D8E8C0) for the background, Dark pixel (#22331F) for the main text, Moss (#55704A) for labels and Heart red (#D64545) as the accent.

Is it free to make?

Yes. Habit tracker widgets use free features in WidgetCraft, and the pixel art styling is free too.

What else is this style called?

People also search for 8-bit habit tracker widget, retro pixel habit tracker widget, pixel habit tracker widget, game style habit tracker widget. They describe the same look as this pixel art habit tracker widget.