WidgetCraftGet the appHandwritten · Home screen setup
Handwritten home screen setup
Handwritten widgets look like a page from a bullet journal: a handwriting font, dotted or lined paper, pen-blue ink and hand-drawn boxes. This setup uses three widgets, one wallpaper and one palette so the whole screen reads as a single design.
The three handwritten widgets
- Handwritten to-do list widget (4 × 2): keeps today's tasks on your home screen with boxes you can tick.
- Handwritten quote widget (4 × 2): displays a line you want to see every day.
- Handwritten 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.
To-do list widget settings
A to-do widget works when it is short. Three tasks, a clear title and a box to tap are enough; a long list belongs in an app.
- Canvas: 360 × 200, background #FBF8EF, corner radius 10, outline 2 pt #2B3A67
- Text: title "Today", Caveat, size 22, color #2B3A67
- Text: count such as "1 of 3", size 12, color #8C93AD, right aligned
- Lists: Use hand-drawn square boxes and a red tick for done.
Free to build. Full recipe and steps.
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 #FBF8EF, corner radius 10, outline 2 pt #2B3A67
- Shape: vertical rule 4 points wide in #E0574F at the left of the quote, in place of a quotation mark
- Text: quote in two lines, Caveat, weight 600, size 22, line spacing 1.35, color #2B3A67, left aligned
- Text: Use a handwriting font about 20% larger than you would a normal font; script reads small.
Free to build. 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 #FBF8EF, corner radius 10, outline 2 pt #2B3A67
- Layout: stacked: label, number and event name, left aligned
- Text: label "Days until", size 12, color #8C93AD
- Numbers: Write numbers in the same hand and underline them with a red stroke.
Free to build. Full recipe and steps.
How to set up a handwritten home screen
- Set the wallpaper first, so you can judge every color against it.
- Build the to-do list widget and add it to the home screen at 4 × 2.
- Duplicate its canvas settings for the quote 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.
Handwritten wallpaper ideas
Paper texture, dotted grid or a desk photo.
Handwritten icons and dock
Hand-drawn doodle icon packs.
Handwritten home screen colors
- Page
#FBF8EFBackground - Margin
#EFE9D8Surface and tracks - Pen blue
#2B3A67Text - Pencil
#8C93ADLabels - Red pen
#E0574FAccent
Fonts for a handwritten home screen
Use Caveat (import the font file), or the built-in Serif at weight 600. Corner radius is 10 on every widget so the shapes match.
Do and avoid
- Rotate one element by 2 or 3 degrees for a natural feel.
- Use pen blue as the main ink.
- Do not mix several handwriting fonts.
- Do not use it for very small text.