Art Deco · Battery · 2 × 2 widget
Art Deco battery widget
An Art Deco battery widget shows your charge level as a ring with the percentage in the middle. Ivory, black and gold with fine symmetrical line work. This page gives the exact colors, type settings and layers, with a preview drawn from the same values.

What an Art Deco battery widget shows
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.
Battery level is a free, built-in source in WidgetCraft and needs no permission. The widget refreshes when the charge changes or the charger is connected.
How the Art Deco style shapes it
Art Deco widgets take the look of 1920s posters and hotel signage: thin gold lines, strict symmetry, tall elegant capitals and ivory or black grounds.
- Bars and rings: Use thin gold arcs, fans and double outlines; keep everything symmetrical.
- Numbers: Center the number and frame it with a thin gold line above and below.
Art Deco battery widget recipe
| Layer | Settings |
|---|---|
| Canvas | 200 × 200, background #F6F0E1, corner radius 4, outline 2 pt #1C1A16 |
| Ring | diameter 120, stroke 5, track #7A6F58 at 28% opacity, progress #B8892E, round ends, start at top |
| Battery | level as a number, Poiret One, size 44, color #1C1A16, centered in the ring |
| Text | "percent" at size 10 and "Battery" at size 11, color #7A6F58 |
| Ornament | a second 1-point gold outline inset 9 points, with two short diagonal gold lines across opposite corners |
| Font | Poiret One (import the font file), or the built-in Sans |
| Home screen size | 2 × 2 cells |
Art Deco color palette
- Ivory
#F6F0E1Background - Champagne
#EADFC6Surface and tracks - Onyx
#1C1A16Text - Bronze grey
#7A6F58Labels - Gold
#B8892EAccent
How to make an Art Deco battery widget in WidgetCraft
- Create a widget and open Canvas. Set the size to 200 × 200, the background to #F6F0E1 and the corner radius to 4. Add a 2-point outline.
- Tap Add and choose Ring. Set the diameter to 120 and the stroke to 5.
- Open Data for the ring and connect it to Battery level with a range of 0 to 100.
- Color the progress #B8892E and the track #7A6F58 at about 28% opacity.
- Add a Battery layer in the center at size 44 in #1C1A16, then a small Text label underneath.
- Add the Art Deco ornament with Shape layers and move them below the other layers in Layers: a second 1-point gold outline inset 9 points, with two short diagonal gold lines across opposite corners.
- 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 Art Deco battery widgets
- Center the layout and mirror the left and right sides.
- Use gold only for lines, never for large fills.
- Start the ring at the top and fill clockwise; other start points are harder to read.
- Keep the track visible at low opacity so an almost-empty ring still looks like a ring.
- A battery widget shows the phone only. Earbuds and watches need their maker's own widget.
- Do not left-align; Deco depends on symmetry.
- Do not use heavy bold type.
Ready-made Art Deco templates
WidgetCraft includes a Art Deco template pack you can import and edit instead of starting from a blank canvas.
Questions about the Art Deco battery widget
What size is an Art Deco battery 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?
Ivory (#F6F0E1) for the background, Onyx (#1C1A16) for the main text, Bronze grey (#7A6F58) for labels and Gold (#B8892E) as the accent.
Is it free to make?
Yes. Battery widgets use free features in WidgetCraft, and the Art Deco styling is free too.
What else is this style called?
People also search for deco battery widget, gold battery widget, 1920s style battery widget, luxury battery widget. They describe the same look as this Art Deco battery widget.
More Art Deco widgets
- Art Deco clock widget
- Art Deco analog clock widget
- Art Deco calendar widget
- Art Deco countdown widget
- Art Deco to-do list widget
- Art Deco photo widget
- Art Deco quote widget
- Art Deco music widget
- Art Deco year progress widget
- Art Deco step counter widget
- Art Deco habit tracker widget
- Art Deco sticky note widget
- Art Deco world clock widget
- Art Deco date widget
- Art Deco home screen setup
- All Art Deco widgets


