Grunge step counter widget

What a grunge 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 grunge style shapes it

Grunge widgets look worn and handmade: faded black and charcoal, off-white typewriter text, strips of tape and one dark red accent. They suit goth, emo and alt home screens.

• Bars and rings: Use segmented bars and rough tape strips in ash grey.
• Numbers: Keep numbers plain and slightly spaced, like stamped digits.

Grunge step counter widget recipe

Grunge color palette

• Faded black #1A1818Background
• Charcoal #2A2626Surface and tracks
• Bone #E9E4DAText
• Ash #8E8780Labels
• Blood red #B3212EAccent

How to make a grunge step counter widget in WidgetCraft

1. Create a widget and open Canvas. Set the size to 360 × 180, the background to #1A1818 and the corner radius to 4.
2. Open Data and connect Health Connect, allowing access to steps.
3. Tap Add and choose Ring. Set the diameter to 104 and the stroke to 9, and connect it to steps with a range from 0 to your goal.
4. Color the progress #B3212E.
5. Add a Text layer connected to the step count at size 38 in #E9E4DA, plus a label and your goal in #8E8780.
6. Add the grunge ornament with Shape layers and move them below the other layers in Layers: a strip of grey "tape" (a 64 × 16 rectangle at 55% opacity, rotated 12°) across the top right corner, and two faint scratch lines.
7. 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 grunge step counter widgets

• Add one strip of "tape" across a corner.
• Use the red accent sparingly, once per widget.
• 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 use rounded, friendly fonts.
• Do not use bright colors other than the red.

Questions about the grunge step counter widget

What size is a grunge 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?

Faded black (#1A1818) for the background, Bone (#E9E4DA) for the main text, Ash (#8E8780) for labels and Blood red (#B3212E) as the accent.

Is it free to make?

The grunge 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 grunge aesthetic step counter widget, goth step counter widget, emo step counter widget, alt step counter widget, punk step counter widget. They describe the same look as this grunge step counter widget.

More grunge widgets

• Grunge clock widget
• Grunge analog clock widget
• Grunge calendar widget
• Grunge battery widget
• Grunge countdown widget
• Grunge to-do list widget
• Grunge photo widget
• Grunge quote widget
• Grunge music widget
• Grunge year progress widget
• Grunge habit tracker widget
• Grunge sticky note widget
• Grunge world clock widget
• Grunge date widget
• Grunge home screen setup
• All grunge widgets

Step counter widgets in other styles

• Dark step counter widget
• Monochrome step counter widget
• Halloween step counter widget
• All step counter widgets