WidgetCraftGet the appPink · Battery · 2 × 2 widget
Pink battery widget
A pink battery widget shows your charge level as a ring with the percentage in the middle. Rose and blush tones from soft to bold. This page gives the exact colors, type settings and layers, with a preview drawn from the same values.
What a pink 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 pink style shapes it
Pink widgets cover everything from pale blush to hot pink. This recipe uses a blush background, a deep rose text color and a bright pink accent so it stays readable.
- Bars and rings: Use hot pink bars on a rose track.
- Numbers: Make numbers berry and bold.
Pink battery widget recipe
| Layer | Settings |
|---|---|
| Canvas | 200 × 200, background #FFE4EC, corner radius 26 |
| Ring | diameter 120, stroke 12, track #B5758A at 28% opacity, progress #FF4F8B, round ends, start at top |
| Battery | level as a number, Nunito, size 44, color #6B1F3A, centered in the ring |
| Text | "percent" at size 10 and "Battery" at size 11, color #B5758A |
| Font | Nunito (import the font file), or the built-in Sans |
| Home screen size | 2 × 2 cells |
Pink color palette
- Blush
#FFE4ECBackground - Rose
#FFC9D9Surface and tracks - Berry
#6B1F3AText - Dusty pink
#B5758ALabels - Hot pink
#FF4F8BAccent
How to make a pink battery widget in WidgetCraft
- Create a widget and open Canvas. Set the size to 200 × 200, the background to #FFE4EC and the corner radius to 26.
- Tap Add and choose Ring. Set the diameter to 120 and the stroke to 12.
- Open Data for the ring and connect it to Battery level with a range of 0 to 100.
- Color the progress #FF4F8B and the track #B5758A at about 28% opacity.
- Add a Battery layer in the center at size 44 in #6B1F3A, then a small Text label underneath.
- 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 pink battery widgets
- Use three pinks: light for the background, mid for tracks, bright for the accent.
- Choose a dark berry instead of black.
- 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 put white text on pale pink.
- Do not add other bright colors.
Questions about the pink battery widget
What size is a pink 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?
Blush (#FFE4EC) for the background, Berry (#6B1F3A) for the main text, Dusty pink (#B5758A) for labels and Hot pink (#FF4F8B) as the accent.
Is it free to make?
Yes. Battery widgets use free features in WidgetCraft, and the pink styling is free too.
What else is this style called?
People also search for pink aesthetic battery widget, pink theme battery widget, rose battery widget. They describe the same look as this pink battery widget.
More pink widgets
- Pink clock widget
- Pink analog clock widget
- Pink calendar widget
- Pink countdown widget
- Pink to-do list widget
- Pink photo widget
- Pink quote widget
- Pink music widget
- Pink year progress widget
- Pink step counter widget
- Pink habit tracker widget
- Pink sticky note widget
- Pink world clock widget
- Pink date widget
- Pink home screen setup
- All pink widgets