WidgetCraftGet the appGlass · Date · 2 × 2 widget
Glass date widget
A glass date widget shows the weekday, a large day number and the month. Translucent panels with a thin light border over a colorful wallpaper. This page gives the exact colors, type settings and layers, with a preview drawn from the same values.
What a glass 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 glass style shapes it
Glass widgets look like frosted panes floating over the wallpaper. Android widgets cannot blur what is behind them, so the effect comes from a translucent white fill, a thin bright border and a soft, colorful wallpaper.
- Numbers: Keep numbers white and medium weight, with labels at about 80% opacity.
- Text: Use white text at full opacity; it must stay readable over any part of the wallpaper.
Glass date widget recipe
| Layer | Settings |
|---|---|
| Canvas | 200 × 200, background white at 24% opacity, corner radius 28, outline 1 pt white at 55% opacity |
| Date | weekday (pattern EEEE), size 15, color #FFFFFF, centered |
| Date | day number (pattern d), built-in Sans, weight 500, size 92, color #FFFFFF |
| Date | month (pattern MMMM), size 15, color #E6ECFF |
| Font | built-in Sans |
| Home screen size | 2 × 2 cells |
Glass color palette
- Frost (white 25%)
#FFFFFFBackground - Highlight (white 40%)
#FFFFFFSurface and tracks - White
#FFFFFFText - Mist
#E6ECFFLabels - White
#FFFFFFAccent
How to make a glass date widget in WidgetCraft
- Create a widget and open Canvas. Set the size to 200 × 200, the background to white at 24% opacity and the corner radius to 28. Add a 1-point outline.
- Tap Add and choose Date. Set the pattern to the full weekday (EEEE), the size to 15 and the color to #FFFFFF.
- Add a second Date layer with the day number (pattern d) at size 92 in #FFFFFF, using built-in Sans.
- Add a third Date layer with the full month (MMMM) at size 15 in #E6ECFF.
- 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 glass date widgets
- Set the background to white at 20 to 30% opacity.
- Add a 1 point white outline at about 40% opacity.
- 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 expect real blur; choose an already soft wallpaper instead.
- Do not use dark text unless the wallpaper is very light.
Questions about the glass date widget
What size is a glass 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?
Frost (white 25%) (#FFFFFF) for the background, White (#FFFFFF) for the main text, Mist (#E6ECFF) for labels and White (#FFFFFF) as the accent.
Is it free to make?
Yes. Date widgets use free features in WidgetCraft, and the glass styling is free too.
What else is this style called?
People also search for glassmorphism date widget, transparent date widget, frosted glass date widget, translucent date widget. They describe the same look as this glass date widget.
More glass widgets
- Glass clock widget
- Glass analog clock widget
- Glass calendar widget
- Glass battery widget
- Glass countdown widget
- Glass to-do list widget
- Glass photo widget
- Glass quote widget
- Glass music widget
- Glass year progress widget
- Glass step counter widget
- Glass habit tracker widget
- Glass sticky note widget
- Glass world clock widget
- Glass home screen setup
- All glass widgets