WidgetCraftGet the app

Grunge · Countdown · 4 × 2 widget

Grunge countdown widget

By the WidgetCraft team · Updated

A grunge countdown widget counts the days left until a date you choose. Faded black, distressed type and a single blood-red accent. This page gives the exact colors, type settings and layers, with a preview drawn from the same values.

Grunge countdown widget design preview: Faded black, distressed type and a single blood-red accent.
Design preview drawn from the recipe below. Example values are shown; your widget uses live data.

What a grunge countdown widget shows

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.

WidgetCraft's countdown layer works from the phone's clock, so it is free, needs no permission and works offline. You pick the target date in the layer's details.

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.

Grunge countdown widget recipe

LayerSettings
Canvas360 × 180, background #1A1818, corner radius 4
Layoutstacked: label, number and event name, left aligned
Textlabel "Days until", size 12, color #8E8780
Countdowndays remaining, Special Elite, size 60, color #E9E4DA
Textevent name, size 20, color #E9E4DA
Progressten short segments, 312 wide, progress #B3212E
Ornamenta strip of grey "tape" (a 64 × 16 rectangle at 55% opacity, rotated 12°) across the top right corner, and two faint scratch lines
FontSpecial Elite (import the font file), or the built-in Mono
Home screen size4 × 2 cells

Grunge color palette

How to make a grunge countdown 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. Tap Add and choose Countdown. Pick your target date and show days only.
  3. Set the font to Special Elite, the size to 60 and the color to #E9E4DA.
  4. Add a Text label "Days until" at size 12 in #8E8780, and a second Text layer for the event name at size 20.
  5. Add a Progress layer as ten short segments in #B3212E to show how much of the wait has passed.
  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.

Everything in this recipe works in the free version.

Tips for grunge countdown widgets

Questions about the grunge countdown widget

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

Yes. Countdown widgets use free features in WidgetCraft, and the grunge styling is free too.

What else is this style called?

People also search for grunge aesthetic countdown widget, goth countdown widget, emo countdown widget, alt countdown widget, punk countdown widget. They describe the same look as this grunge countdown widget.

More grunge widgets

Countdown widgets in other styles