WidgetCraftGet the appYellow · Date · 2 × 2 widget
Yellow date widget
A yellow date widget shows the weekday, a large day number and the month. Sunny yellow with dark text for a cheerful screen. This page gives the exact colors, type settings and layers, with a preview drawn from the same values.
What a yellow 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 yellow style shapes it
Yellow widgets are bright and optimistic. Yellow is light, so this recipe uses near-black text and a warm orange accent to stay readable.
- Numbers: Keep numbers dark and bold.
- Text: Use very dark text; white disappears on yellow.
Yellow date widget recipe
| Layer | Settings |
|---|---|
| Canvas | 200 × 200, background #FFE66D, corner radius 22 |
| Date | weekday (pattern EEEE), size 15, color #FF7A00, centered |
| Date | day number (pattern d), built-in Sans, weight 700, size 92, color #2B2400 |
| Date | month (pattern MMMM), size 15, color #7A6A1F |
| Font | built-in Sans |
| Home screen size | 2 × 2 cells |
Yellow color palette
- Lemon
#FFE66DBackground - Sun
#FFD43BSurface and tracks - Dark olive
#2B2400Text - Mustard grey
#7A6A1FLabels - Orange
#FF7A00Accent
How to make a yellow date widget in WidgetCraft
- Create a widget and open Canvas. Set the size to 200 × 200, the background to #FFE66D and the corner radius to 22.
- Tap Add and choose Date. Set the pattern to the full weekday (EEEE), the size to 15 and the color to #FF7A00.
- Add a second Date layer with the day number (pattern d) at size 92 in #2B2400, using built-in Sans.
- Add a third Date layer with the full month (MMMM) at size 15 in #7A6A1F.
- 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 yellow date widgets
- Always use dark text on yellow.
- Use orange as the accent.
- 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 white text.
- Do not combine with other bright colors.
Questions about the yellow date widget
What size is a yellow 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?
Lemon (#FFE66D) for the background, Dark olive (#2B2400) for the main text, Mustard grey (#7A6A1F) for labels and Orange (#FF7A00) as the accent.
Is it free to make?
Yes. Date widgets use free features in WidgetCraft, and the yellow styling is free too.
What else is this style called?
People also search for yellow aesthetic date widget, sunny date widget, mustard date widget. They describe the same look as this yellow date widget.
More yellow widgets
- Yellow clock widget
- Yellow analog clock widget
- Yellow calendar widget
- Yellow battery widget
- Yellow countdown widget
- Yellow to-do list widget
- Yellow photo widget
- Yellow quote widget
- Yellow music widget
- Yellow year progress widget
- Yellow step counter widget
- Yellow habit tracker widget
- Yellow sticky note widget
- Yellow world clock widget
- Yellow home screen setup
- All yellow widgets