Skip to content

WidgetCraftGet the app

Glass · Photo · 4 × 2 widget

Glass photo widget

By the WidgetCraft team · Updated November 13, 2026

A glass photo widget frames a favorite picture with a short caption. Translucent panels with a thin light border over a colorful wallpaper. This page gives the exact colors, type settings and layers, with a preview drawn from the same values.

Glass photo widget design preview: Translucent panels with a thin light border over a colorful wallpaper. — Design preview drawn from the recipe below. Example values are shown; your widget uses live data.

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

Glass widgets look like frosted panes floating over the wallpaper. Android widgets cannot blur what is behind them, so the effect comes from a translucent white fill, a thin bright border and a soft, colorful wallpaper.

Photos: Give photos the same rounded corners and a 1 point white border at 40% opacity.
Text: Use white text at full opacity; it must stay readable over any part of the wallpaper.

Glass photo widget recipe

Layer	Settings
Canvas	360 × 200, background white at 24% opacity, corner radius 28, outline 1 pt white at 55% opacity
Layout	photo on the left, caption on the right
Image	190 × 160, corner radius 20, crop to fill, 1 pt outline
Text	place label, size 12, color #E6ECFF
Text	caption in two lines, built-in Sans, size 24, color #FFFFFF
Shape	rule 28 × 3 in #FFFFFF
Text	date, size 12, color #E6ECFF
Font	built-in Sans
Home screen size	4 × 2 cells

Glass color palette

Frost (white 25%) #FFFFFFBackground
Highlight (white 40%) #FFFFFFSurface and tracks
White #FFFFFFText
Mist #E6ECFFLabels
White #FFFFFFAccent

How to make a glass photo widget in WidgetCraft

Create a widget and open Canvas. Set the size to 360 × 200, the background to white at 24% opacity and the corner radius to 28. Add a 1-point outline.
Tap Add and choose Image. Pick your photo, size it to 190 × 160 and set crop to fill.
Set the image corner radius to 20 and add a thin outline. 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 #E6ECFF, with a short rule in #FFFFFF between them.
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 glass photo widgets

Set the background to white at 20 to 30% opacity.
Add a 1 point white outline at about 40% opacity.
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 expect real blur; choose an already soft wallpaper instead.
Do not use dark text unless the wallpaper is very light.

Questions about the glass photo widget

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

Frost (white 25%) (#FFFFFF) for the background, White (#FFFFFF) for the main text, Mist (#E6ECFF) for labels and White (#FFFFFF) as the accent.

Is it free to make?

Yes. Photo widgets use free features in WidgetCraft, and the glass styling is free too.

What else is this style called?

People also search for glassmorphism photo widget, transparent photo widget, frosted glass photo widget, translucent photo widget. They describe the same look as this glass photo widget.

More glass widgets

Photo widgets in other styles