iOS-style sticky note widget

What an iOS-style sticky note widget shows

A sticky note widget holds a few words you need to see: a shopping list, a reminder, a phone number. It works best short, with a bold title and three or four lines.

Type the note straight into a Text layer, or keep notes in WidgetCraft's Tasks, notes & habits section and show them with the Saved notes list. Both are free, stay on the phone and need no permission.

How the iOS-style style shapes it

This style follows the widgets people know from iPhones: white or dark rounded cards, a small colored title, a large bold number and tidy lists. It is a look, not an official Apple design.

• Text: Put a small bold colored title in capitals at the top left, then the value in black.

iOS-style sticky note widget recipe

iOS-style color palette

• White #FFFFFFBackground
• System grey #F2F2F7Surface and tracks
• Black #000000Text
• Label grey #8E8E93Labels
• Red #FF3B30Accent

How to make an iOS-style sticky note widget in WidgetCraft

1. Create a widget and open Canvas. Set the size to 200 × 200, the background to #FFFFFF and the corner radius to 26.
2. Add a Shape 52 × 16 at the top center in #FF3B30 at 75% opacity, like a strip of tape, and rotate it 2°.
3. Add a Text layer for the title at size 20 in #000000 using built-in Sans.
4. Add a second Text layer for the note, one item per line, at size 15 with line spacing 1.7. To show notes you keep in the app instead, add Saved notes.
5. Add thin Shape rules under each line in #8E8E93 at 30% opacity for a ruled-paper look.
6. 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 iOS-style sticky note widgets

• Keep the card white and the radius around 26.
• Use one bright color per widget as the title color.
• Four short lines is the most a 2 × 2 note can hold at a readable size.
• Use line breaks rather than long sentences so the note scans at a glance.
• For a list you tick off, use a to-do widget instead.
• Do not copy Apple artwork or icons.
• Do not shrink margins below 16 points.

Questions about the iOS-style sticky note widget

What size is an iOS-style sticky note widget?

It is designed for 2 × 2 home screen cells on a 200 × 200 canvas. You can resize it on the launcher and the design scales in proportion.

Which colors does it use?

White (#FFFFFF) for the background, Black (#000000) for the main text, Label grey (#8E8E93) for labels and Red (#FF3B30) as the accent.

Is it free to make?

Yes. Sticky note widgets use free features in WidgetCraft, and the iOS-style styling is free too.

What else is this style called?

People also search for iphone style sticky note widget, ios widgets for android, apple style sticky note widget. They describe the same look as this iOS-style sticky note widget.

More iOS-style widgets

• iOS-style clock widget
• iOS-style analog clock widget
• iOS-style calendar widget
• iOS-style battery widget
• iOS-style countdown widget
• iOS-style to-do list widget
• iOS-style photo widget
• iOS-style quote widget
• iOS-style music widget
• iOS-style year progress widget
• iOS-style step counter widget
• iOS-style habit tracker widget
• iOS-style world clock widget
• iOS-style date widget
• iOS-style home screen setup
• All iOS-style widgets

Sticky note widgets in other styles

• Glass sticky note widget
• White sticky note widget
• One UI-style sticky note widget
• All sticky note widgets