WidgetCraftGet the appWinter · Step counter · 4 × 2 widget
Winter step counter widget
A winter step counter widget shows today's steps against your goal. Icy blues, snow white and silver. This page gives the exact colors, type settings and layers, with a preview drawn from the same values.
What a winter step counter widget shows
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.
Steps come from Health Connect, which needs a compatible phone, your permission and a fitness connection (a Pro feature in WidgetCraft). The numbers are whatever your phone or watch has recorded; the widget does not count steps itself.
How the winter style shapes it
Winter widgets are cool and quiet: snow white, ice blue and slate, with thin type and a crisp, frosty feel.
- Bars and rings: Use thin glacier-blue lines and small circles as snow.
- Numbers: Use thin numerals, centered.
Winter step counter widget recipe
| Layer | Settings |
|---|---|
| Canvas | 360 × 180, background #EEF5FB, corner radius 24 |
| Ring | diameter 104, stroke 5, progress #5AA9E6, range 0 to your goal |
| Text | percentage inside the ring, size 20, color #1F3550 |
| Text | label "Steps today", size 12, color #7E94AD |
| Text (fitness) | step count, built-in Sans, size 46, color #1F3550 |
| Text | goal, size 14, color #7E94AD |
| Ornament | sixteen small glacier-blue dots scattered across the background as snow |
| Font | built-in Sans |
| Home screen size | 4 × 2 cells |
Winter color palette
- Snow
#EEF5FBBackground - Ice
#D9E8F5Surface and tracks - Midnight blue
#1F3550Text - Frost grey
#7E94ADLabels - Glacier
#5AA9E6Accent
How to make a winter step counter widget in WidgetCraft
- Create a widget and open Canvas. Set the size to 360 × 180, the background to #EEF5FB and the corner radius to 24.
- Open Data and connect Health Connect, allowing access to steps.
- Tap Add and choose Ring. Set the diameter to 104 and the stroke to 5, and connect it to steps with a range from 0 to your goal.
- Color the progress #5AA9E6.
- Add a Text layer connected to the step count at size 46 in #1F3550, plus a label and your goal in #7E94AD.
- Add the winter ornament with Shape layers and move them below the other layers in Layers: sixteen small glacier-blue dots scattered across the background as snow.
- Tap Save, then Add to home screen and resize the widget on your launcher if needed.
The layout and styling are free. The live data connection for this widget needs WidgetCraft Pro, a one-time purchase.
Tips for winter step counter widgets
- Keep everything cool-toned.
- Use thin weights for a crisp feel.
- Show the goal next to the count so the ring has meaning.
- Step data can lag by a few minutes depending on the app that records it.
- This is an activity display, not medical advice.
- Do not add warm colors.
- Do not use heavy fonts.
Questions about the winter step counter widget
What size is a winter step counter 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?
Snow (#EEF5FB) for the background, Midnight blue (#1F3550) for the main text, Frost grey (#7E94AD) for labels and Glacier (#5AA9E6) as the accent.
Is it free to make?
The winter design is free to build. Showing live step data needs the one-time Pro upgrade.
What else is this style called?
People also search for snow step counter widget, winter aesthetic step counter widget, icy step counter widget, frost step counter widget. They describe the same look as this winter step counter widget.
More winter widgets
- Winter clock widget
- Winter analog clock widget
- Winter calendar widget
- Winter battery widget
- Winter countdown widget
- Winter to-do list widget
- Winter photo widget
- Winter quote widget
- Winter music widget
- Winter year progress widget
- Winter habit tracker widget
- Winter sticky note widget
- Winter world clock widget
- Winter date widget
- Winter home screen setup
- All winter widgets