Skip to content

WidgetCraftGet the app

Flat · Photo · 4 × 2 widget

Flat photo widget

By the WidgetCraft team · Updated November 13, 2026

A flat photo widget frames a favorite picture with a short caption. Solid colors, no shadows, no gradients and clear shapes. This page gives the exact colors, type settings and layers, with a preview drawn from the same values.

Flat photo widget design preview: Solid colors, no shadows, no gradients and clear shapes. — Design preview drawn from the recipe below. Example values are shown; your widget uses live data.

What a flat photo widget shows

A photo widget puts a person, place or pet on the home screen without making it the wallpaper. The frame, the crop and the caption decide whether it feels designed or just pasted in.

You pick the picture with Android's photo picker, so WidgetCraft needs no storage permission, and the photo stays on your phone. It is a free element.

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.

Photos: Use photos sparingly; a flat color illustration fits better.
Text: Use white text on the color block with a paler tint for labels.

Flat photo widget recipe

Layer	Settings
Canvas	360 × 200, background #2D6CDF, corner radius 16
Layout	caption on the left, photo on the right
Image	190 × 160, corner radius 8, crop to fill
Text	place label, size 12, color #CFE0FF
Text	caption in two lines, built-in Sans, size 24, color #FFFFFF
Shape	rule 28 × 3 in #FFC83D
Text	date, size 12, color #CFE0FF
Ornament	a darker cobalt triangle filling the bottom right corner
Font	built-in Sans
Home screen size	4 × 2 cells

Flat color palette

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

How to make a flat photo widget in WidgetCraft

Create a widget and open Canvas. Set the size to 360 × 200, the background to #2D6CDF and the corner radius to 16.
Tap Add and choose Image. Pick your photo, size it to 190 × 160 and set crop to fill.
Set the image corner radius to 8. Drag the crop so the subject is centered.
Add a Text caption at size 24 in #FFFFFF using built-in Sans.
Add a small place label above and a date below, both at size 12 in #CFE0FF, with a short rule in #FFC83D between them.
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.
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 photo widgets

Pick one strong background color per widget.
Use a darker shade of the same color for tracks.
Choose a photo whose subject sits in the middle; widgets crop the edges.
Portrait photos suit 2 × 2 or tall widgets better than wide ones.
Very large images make widgets slow; let the app resize the photo when asked.
Do not add shadows or gradients.
Do not use more than one accent.

Questions about the flat photo widget

What size is a flat photo widget?

It is designed for 4 × 2 home screen cells on a 360 × 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. Photo 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 photo widget, solid color photo widget, simple color photo widget. They describe the same look as this flat photo widget.

More flat widgets

Photo widgets in other styles