Flat sticky note widget

What a flat 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 flat style shapes it

Flat widgets use blocks of solid color with white text and simple shapes. There is no depth at all, which keeps them crisp at any size and quick to build.

• Text: Use white text on the color block with a paler tint for labels.

Flat sticky note widget recipe

Flat color palette

• Cobalt #2D6CDFBackground
• Deep cobalt #2459B8Surface and tracks
• White #FFFFFFText
• Pale blue #CFE0FFLabels
• Sun yellow #FFC83DAccent

How to make a flat sticky note widget in WidgetCraft

1. Create a widget and open Canvas. Set the size to 200 × 200, the background to #2D6CDF and the corner radius to 16.
2. Add a Shape 52 × 16 at the top center in #FFC83D at 75% opacity, like a strip of tape, and rotate it 2°.
3. Add a Text layer for the title at size 20 in #FFFFFF 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 #CFE0FF at 30% opacity for a ruled-paper look.
6. Add the flat ornament with Shape layers and move them below the other layers in Layers: a darker cobalt triangle filling the bottom right corner.
7. 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 flat sticky note widgets

• Pick one strong background color per widget.
• Use a darker shade of the same color for tracks.
• 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 add shadows or gradients.
• Do not use more than one accent.

Questions about the flat sticky note widget

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

Cobalt (#2D6CDF) for the background, White (#FFFFFF) for the main text, Pale blue (#CFE0FF) for labels and Sun yellow (#FFC83D) as the accent.

Is it free to make?

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

What else is this style called?

People also search for flat design sticky note widget, solid color sticky note widget, simple color sticky note widget. They describe the same look as this flat sticky note widget.

More flat widgets

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

Sticky note widgets in other styles

• Material You sticky note widget
• Bauhaus sticky note widget
• Neo-brutalist sticky note widget
• All sticky note widgets