WidgetCraftGet the appJapandi · Home screen setup
Japandi home screen setup
Japandi widgets mix Japanese and Scandinavian ideas: stone and clay colors, ink-black accents, off-center layouts and a lot of deliberate empty space. This setup uses three widgets, one wallpaper and one palette so the whole screen reads as a single design.
The three Japandi widgets
- Japandi quote widget (4 × 2): displays a line you want to see every day.
- Japandi clock widget (4 × 2): shows the time in large numerals with the day and date beneath.
- Japandi calendar widget (4 × 2): shows today's date beside your next event.
Place them top to bottom in that order and leave the row above the dock empty so the wallpaper has room.
Quote widget settings
A quote widget is pure typography, so the style shows more clearly here than anywhere else. Line length, line spacing and the size of the quotation mark do the design work.
- Canvas: 360 × 180, background #EDE8DF, corner radius 8
- Text: opening quotation mark, size 54, color #9C4A3C
- Text: quote in two lines, Noto Serif JP, weight 400, size 22, line spacing 1.35, color #26231F, left aligned
- Text: Use a quiet serif and place text off-center with space around it.
Free to build. Full recipe and steps.
Clock widget settings
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.
- Canvas: 360 × 180, background #EDE8DF, corner radius 8
- Layout: split: 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 Date: weekday, Noto Serif JP, size 12, color #8C8478
- Numbers: Keep the number moderate in size and anchor it to one corner.
Free to build. Full recipe and steps.
Calendar widget settings
A calendar widget answers two questions: what day is it, and what is next. The date sits in a bold block on the left and the next event takes the right side.
- Canvas: 360 × 180, background #EDE8DF, corner radius 8
- Shape: date block 104 × 124, radius 8, fill #9C4A3C
- Date: weekday (size 13) and day number (size 58) centered on the block, color #FFFFFF
- Numbers: Keep the number moderate in size and anchor it to one corner.
Styling is free; the live data needs Pro. Full recipe and steps.
How to set up a Japandi home screen
- Set the wallpaper first, so you can judge every color against it.
- Build the quote widget and add it to the home screen at 4 × 2.
- Duplicate its canvas settings for the clock and calendar widgets so the background, radius and outline match exactly.
- Place all three, then adjust margins until the left edges line up.
- Change the icons last, and remove any app you do not use daily from the page.
Japandi wallpaper ideas
Plaster, stone, bamboo shadows or a single branch on a plain ground.
Japandi icons and dock
Thin ink-colored line icons.
Japandi home screen colors
- Rice paper
#EDE8DFBackground - Clay
#DDD5C7Surface and tracks - Sumi ink
#26231FText - Stone
#8C8478Labels - Vermilion
#9C4A3CAccent
Fonts for a Japandi home screen
Use Noto Serif JP (import the font file), or the built-in Serif at weight 400. Corner radius is 8 on every widget so the shapes match.
Do and avoid
- Leave at least a third of the widget empty.
- Use vermilion once, as a small dot.
- Do not center and fill the layout.
- Do not use glossy or bright colors.