WidgetCraftGet the appSummer · World clock · 4 × 2 widget
Summer world clock widget
A summer world clock widget shows the time in three cities side by side. Sea blue, coral and sunshine yellow. This page gives the exact colors, type settings and layers, with a preview drawn from the same values.
What a summer world clock widget shows
A world clock widget is for anyone with family, friends or colleagues in another time zone. Three cities in columns, each with its time and a day hint, answer "is it too late to call?" at a glance.
Each clock layer in WidgetCraft can use its own time zone, chosen by city. It is free, works offline and needs no permission; daylight saving is handled automatically.
How the summer style shapes it
Summer widgets are bright and warm: turquoise sea, coral, sunshine yellow and white, with bold friendly type. Good for holiday countdowns and step goals.
- Numbers: Keep numbers teal and bold with a coral label.
- Text: Use deep teal text.
Summer world clock widget recipe
| Layer | Settings |
|---|---|
| Canvas | 360 × 180, background #E8FBFF, corner radius 26 |
| Text | city names, size 12, color #5E99A6 |
| Clock × 3 | format HH:mm, Quicksand, size 35, color #0B3C49, each set to its own time zone |
| Text | offset such as "+9 h", size 12, color #5E99A6 |
| Shapes | two vertical dividers in #5E99A6 at 35% opacity, and a short #FF6B5E rule under your home city |
| Font | Quicksand (import the font file), or the built-in Sans |
| Home screen size | 4 × 2 cells |
Summer color palette
- Sea foam
#E8FBFFBackground - Lagoon
#BDEFF7Surface and tracks - Deep teal
#0B3C49Text - Tide
#5E99A6Labels - Coral
#FF6B5EAccent
How to make a summer world clock widget in WidgetCraft
- Create a widget and open Canvas. Set the size to 360 × 180, the background to #E8FBFF and the corner radius to 26.
- Tap Add and choose Clock. Set the format to hours and minutes, the font to Quicksand, the size to 35 and the color to #0B3C49.
- Duplicate the clock twice and space the three about 112 apart. Open each copy's details, choose Time zone and pick its city.
- Add a Text label above each clock with the city name at size 12 in #5E99A6, and the offset below it.
- Add thin Shape dividers between the columns and a short rule in #FF6B5E under your own city.
- 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 summer world clock widgets
- Use turquoise, coral and yellow together.
- Add a yellow circle as a sun.
- Three cities fit a 4 × 2 widget; four make the numbers too small.
- Add the day offset, such as "+1 day", when a city is already tomorrow.
- Put your own city first so the others read relative to it.
- Do not use dark backgrounds.
- Do not use thin type.
Questions about the summer world clock widget
What size is a summer world clock 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?
Sea foam (#E8FBFF) for the background, Deep teal (#0B3C49) for the main text, Tide (#5E99A6) for labels and Coral (#FF6B5E) as the accent.
Is it free to make?
Yes. World clock widgets use free features in WidgetCraft, and the summer styling is free too.
What else is this style called?
People also search for beach world clock widget, tropical world clock widget, vacation world clock widget, sunset world clock widget. They describe the same look as this summer world clock widget.
More summer widgets
- Summer clock widget
- Summer analog clock widget
- Summer calendar widget
- Summer battery widget
- Summer countdown widget
- Summer to-do list widget
- Summer photo widget
- Summer quote widget
- Summer music widget
- Summer year progress widget
- Summer step counter widget
- Summer habit tracker widget
- Summer sticky note widget
- Summer date widget
- Summer home screen setup
- All summer widgets