WidgetCraftGet the appGrunge · Date · 2 × 2 widget
Grunge date widget
A grunge date widget shows the weekday, a large day number and the month. 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.
What a grunge date widget shows
A date widget is the calm alternative to a clock: one large number for the day, with the weekday above and the month below. It suits small 2 × 2 spaces and pairs well with a clock elsewhere on the screen.
It uses the phone's date, so it is free, works offline and needs no permission. WidgetCraft's Date layer takes a pattern, so each line can show a different part of the date.
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.
- Numbers: Keep numbers plain and slightly spaced, like stamped digits.
- Text: Use a typewriter font in bone white; capitals for labels.
Grunge date widget recipe
| Layer | Settings |
|---|---|
| Canvas | 200 × 200, background #1A1818, corner radius 4 |
| Date | weekday (pattern EEEE), size 15, color #B3212E, centered |
| Date | day number (pattern d), Special Elite, weight 400, size 72, color #E9E4DA |
| Date | month (pattern MMMM), size 15, color #8E8780 |
| Font | Special Elite (import the font file), or the built-in Mono |
| Home screen size | 2 × 2 cells |
Grunge color palette
- Faded black
#1A1818Background - Charcoal
#2A2626Surface and tracks - Bone
#E9E4DAText - Ash
#8E8780Labels - Blood red
#B3212EAccent
How to make a grunge date widget in WidgetCraft
- Create a widget and open Canvas. Set the size to 200 × 200, the background to #1A1818 and the corner radius to 4.
- Tap Add and choose Date. Set the pattern to the full weekday (EEEE), the size to 15 and the color to #B3212E.
- Add a second Date layer with the day number (pattern d) at size 72 in #E9E4DA, using Special Elite.
- Add a third Date layer with the full month (MMMM) at size 15 in #8E8780, in capitals.
- Center all three layers on the canvas.
- 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 date widgets
- Add one strip of "tape" across a corner.
- Use the red accent sparingly, once per widget.
- Make the day number at least twice the size of the other lines.
- Write the month in full if there is room; short forms such as "Nov" look cramped in serif fonts.
- Pair it with a clock widget in the same font rather than squeezing the time into the same 2 × 2 space.
- Do not use rounded, friendly fonts.
- Do not use bright colors other than the red.
Questions about the grunge date widget
What size is a grunge date widget?
It is designed for 2 × 2 home screen cells on a 200 × 200 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. Date 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 date widget, goth date widget, emo date widget, alt date widget, punk date widget. They describe the same look as this grunge date 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 step counter widget
- Grunge habit tracker widget
- Grunge sticky note widget
- Grunge world clock widget
- Grunge home screen setup
- All grunge widgets