WidgetCraftGet the app

Japandi · Clock · 4 × 2 widget

Japandi clock widget

By the WidgetCraft team · Updated

A Japandi clock widget shows the time in large numerals with the day and date beneath. Japanese calm meets Nordic simplicity: stone, ink and empty space. This page gives the exact colors, type settings and layers, with a preview drawn from the same values.

Japandi clock widget design preview: Japanese calm meets Nordic simplicity: stone, ink and empty space.
Design preview drawn from the recipe below. Example values are shown; your widget uses live data.

What a Japandi clock widget shows

A digital clock is the widget most people place first. It needs to be readable from arm's length, so the time takes most of the space and the date sits quietly below it.

It uses the phone's own time, so it needs no permission and works offline. WidgetCraft's clock layer follows your 12- or 24-hour setting unless you choose a format.

How the Japandi style shapes it

Japandi widgets mix Japanese and Scandinavian ideas: stone and clay colors, ink-black accents, off-center layouts and a lot of deliberate empty space.

Japandi clock widget recipe

LayerSettings
Canvas360 × 180, background #EDE8DF, corner radius 8
Layoutsplit: the time on the left at size 64, a thin divider at x 236, and the weekday and date stacked in a column on the right
Text or Dateweekday, Noto Serif JP, size 12, color #8C8478
Clockformat HH:mm, Noto Serif JP, weight 400, size 78, color #26231F, left aligned
Dateday and month, size 15, color #8C8478
Shapesmall dot or rule in #9C4A3C
Ornamentone vermilion dot in the bottom right, like a seal, and a single short ink line at the bottom left
FontNoto Serif JP (import the font file), or the built-in Serif
Home screen size4 × 2 cells

Japandi color palette

How to make a Japandi clock widget in WidgetCraft

  1. Create a widget and open Canvas. Set the size to 360 × 180, the background to #EDE8DF and the corner radius to 8.
  2. Tap Add and choose Clock. Set the format to hours and minutes, the font to Noto Serif JP, the size to 78 and the color to #26231F.
  3. Add a Date layer above it for the weekday at size 12 in #8C8478.
  4. Add a second Date layer below for the day and month at size 15.
  5. Add a small Shape in #9C4A3C as the only accent, and align every layer to the same left margin of 24.
  6. Arrange the layers in the split layout: the time on the left at size 64, a thin divider at x 236, and the weekday and date stacked in a column on the right.
  7. Add the Japandi ornament with Shape layers and move them below the other layers in Layers: one vermilion dot in the bottom right, like a seal, and a single short ink line at the bottom left.
  8. 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 Japandi clock widgets

Questions about the Japandi clock widget

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

Rice paper (#EDE8DF) for the background, Sumi ink (#26231F) for the main text, Stone (#8C8478) for labels and Vermilion (#9C4A3C) as the accent.

Is it free to make?

Yes. Clock widgets use free features in WidgetCraft, and the Japandi styling is free too.

What else is this style called?

People also search for zen clock widget, japanese style clock widget, wabi sabi clock widget. They describe the same look as this Japandi clock widget.

More Japandi widgets

Clock widgets in other styles