WidgetCraftGet the appGlass · Home screen setup
Glass home screen setup
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. This setup uses three widgets, one wallpaper and one palette so the whole screen reads as a single design.
The three glass widgets
- Glass clock widget (4 × 2): shows the time in large numerals with the day and date beneath.
- Glass music widget (4 × 2): shows the song that is playing with play, pause and skip controls.
- Glass battery widget (2 × 2): shows your charge level as a ring with the percentage in the middle.
Place them top to bottom in that order and leave the row above the dock empty so the wallpaper has room.
Clock widget settings
A digital clock is the widget most people place first. It needs to be readable from arm's length, so the time takes most of the space and the date sits quietly below it.
- Canvas: 360 × 180, background white at 24% opacity, corner radius 28, outline 1 pt white at 55% opacity
- Layout: split: the time on the left at size 64, a thin divider at x 236, and the weekday and date stacked in a column on the right
- Text or Date: weekday, built-in Sans, size 12, color #E6ECFF
- Numbers: Keep numbers white and medium weight, with labels at about 80% opacity.
Free to build. Full recipe and steps.
Music player widget settings
A now-playing widget shows cover art, the track and artist, a progress line and three controls. It works with whichever app is playing, not one particular service.
- Canvas: 360 × 180, background white at 24% opacity, corner radius 28, outline 1 pt white at 55% opacity
- Image: cover art 140 × 140, radius 18, connected to media artwork
- Text: track title, built-in Sans, size 20, color #FFFFFF, one line
- Photos: Give photos the same rounded corners and a 1 point white border at 40% opacity.
Styling is free; the live data needs Pro. Full recipe and steps.
Battery widget settings
A battery widget turns one number into a shape you can read without thinking. A ring that fills clockwise is the clearest form, with the percentage inside it.
- Canvas: 200 × 200, background white at 24% opacity, corner radius 28, outline 1 pt white at 55% opacity
- Ring: diameter 120, stroke 5, track white at 28% opacity, progress #FFFFFF, round ends, start at top
- Battery: level as a number, built-in Sans, size 44, color #FFFFFF, centered in the ring
- Bars and rings: Draw tracks as white at 25% opacity and progress as solid white.
Free to build. Full recipe and steps.
How to set up a glass home screen
- Set the wallpaper first, so you can judge every color against it.
- Build the clock widget and add it to the home screen at 4 × 2.
- Duplicate its canvas settings for the music and battery 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.
Glass wallpaper ideas
A blurred gradient or out-of-focus photo. Sharp, detailed wallpapers make glass text hard to read.
Glass icons and dock
White glyph icons or a translucent icon pack.
Glass home screen colors
- Frost (white 25%)
#FFFFFFBackground - Highlight (white 40%)
#FFFFFFSurface and tracks - White
#FFFFFFText - Mist
#E6ECFFLabels - White
#FFFFFFAccent
Fonts for a glass home screen
Use built-in Sans at weight 500. Corner radius is 28 on every widget so the shapes match.
Do and avoid
- Set the background to white at 20 to 30% opacity.
- Add a 1 point white outline at about 40% opacity.
- Do not expect real blur; choose an already soft wallpaper instead.
- Do not use dark text unless the wallpaper is very light.