WidgetCraftGet the appSwiss · Home screen setup
Swiss home screen setup
Swiss style, also called International Typographic Style, relies on a strict grid, a neutral sans, left alignment and strong size contrast, usually in black, white and red. This setup uses three widgets, one wallpaper and one palette so the whole screen reads as a single design.
The three Swiss widgets
- Swiss clock widget (4 × 2): shows the time in large numerals with the day and date beneath.
- Swiss calendar widget (4 × 2): shows today's date beside your next event.
- Swiss countdown widget (4 × 2): counts the days left until a date you choose.
Place them top to bottom in that order and leave the row above the dock empty so the wallpaper has room.
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 #FFFFFF, corner radius 0
- Layout: header: weekday on the left and date on the right in one row at the top, a hairline under it, and the time anchored to the bottom left at size 83
- Text or Date: weekday, Inter, size 12, color #6B6B6B
- Numbers: Make the number very large and tight, aligned to the left grid line.
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 #FFFFFF, corner radius 0
- Shape: date block 104 × 124, radius 0, fill #E30613
- Date: weekday (size 13) and day number (size 58) centered on the block, color #FFFFFF
- Numbers: Make the number very large and tight, aligned to the left grid line.
Styling is free; the live data needs Pro. Full recipe and steps.
Countdown widget settings
A countdown widget keeps one date in view: a trip, a birthday, an exam or a launch. The number of days is the hero, the event name gives it meaning and a bar shows how far along you are.
- Canvas: 360 × 180, background #FFFFFF, corner radius 0
- Layout: split: label and event name on the left, the number right aligned and larger on the right
- Text: label "Days until", size 12, color #6B6B6B
- Numbers: Make the number very large and tight, aligned to the left grid line.
Free to build. Full recipe and steps.
How to set up a Swiss home screen
- Set the wallpaper first, so you can judge every color against it.
- Build the clock widget and add it to the home screen at 4 × 2.
- Duplicate its canvas settings for the calendar and countdown 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.
Swiss wallpaper ideas
Solid red, white or black.
Swiss icons and dock
Black glyph icons.
Swiss home screen colors
- White
#FFFFFFBackground - Grid grey
#F1F1F1Surface and tracks - Black
#000000Text - Grey
#6B6B6BLabels - Swiss red
#E30613Accent
Fonts for a Swiss home screen
Use Inter (import the font file), or the built-in Sans at weight 700. Corner radius is 0 on every widget so the shapes match.
Do and avoid
- Align everything to the same left margin.
- Use red for one element only.
- Do not center text.
- Do not use decorative fonts.