Light academia · Step counter · 4 × 2 widget
Light academia step counter widget
A light academia step counter widget shows today's steps against your goal. Sunlit study rooms: cream, soft brown and elegant serifs. This page gives the exact colors, type settings and layers, with a preview drawn from the same values.

What a light academia step counter widget shows
A step widget shows one number and how close it is to a goal. A ring on one side and the count on the other reads well at a glance.
Steps come from Health Connect, which needs a compatible phone, your permission and a fitness connection (a Pro feature in WidgetCraft). The numbers are whatever your phone or watch has recorded; the widget does not count steps itself.
How the light academia style shapes it
Light academia is the daytime version of dark academia: cream and linen backgrounds, soft brown text, a muted gold and airy serif type. It suits study timers, reading lists and quotes.
- Bars and rings: Use fine gold lines and thin progress marks.
- Numbers: Center numbers in the serif and add a small capitalised label.
Light academia step counter widget recipe
| Layer | Settings |
|---|---|
| Canvas | 360 × 180, background #F6F1E7, corner radius 10 |
| Ring | diameter 104, stroke 5, progress #B5925A, range 0 to your goal |
| Text | percentage inside the ring, size 20, color #4B3F33 |
| Text | label "Steps today", size 12, color #9B8E7E |
| Text (fitness) | step count, Playfair Display, size 46, color #4B3F33 |
| Text | goal, size 14, color #9B8E7E |
| Ornament | two short antique-gold rules, centered at the top and bottom |
| Font | Playfair Display (import the font file), or the built-in Serif |
| Home screen size | 4 × 2 cells |
Light academia color palette
- Ivory
#F6F1E7Background - Linen
#EAE0CFSurface and tracks - Umber
#4B3F33Text - Stone
#9B8E7ELabels - Antique gold
#B5925AAccent
How to make a light academia step counter widget in WidgetCraft
- Create a widget and open Canvas. Set the size to 360 × 180, the background to #F6F1E7 and the corner radius to 10.
- Open Data and connect Health Connect, allowing access to steps.
- Tap Add and choose Ring. Set the diameter to 104 and the stroke to 5, and connect it to steps with a range from 0 to your goal.
- Color the progress #B5925A.
- Add a Text layer connected to the step count at size 46 in #4B3F33, plus a label and your goal in #9B8E7E.
- Add the light academia ornament with Shape layers and move them below the other layers in Layers: two short antique-gold rules, centered at the top and bottom.
- Tap Save, then Add to home screen and resize the widget on your launcher if needed.
The layout and styling are free. The live data connection for this widget needs WidgetCraft Pro, a one-time purchase.
Tips for light academia step counter widgets
- Use cream and brown with a little gold.
- Leave generous white space around centered text.
- Show the goal next to the count so the ring has meaning.
- Step data can lag by a few minutes depending on the app that records it.
- This is an activity display, not medical advice.
- Do not use heavy black.
- Do not use more than one decorative font.
Questions about the light academia step counter widget
What size is a light academia step counter widget?
It is designed for 4 × 2 home screen cells on a 360 × 180 canvas. You can resize it on the launcher and the design scales in proportion.
Which colors does it use?
Ivory (#F6F1E7) for the background, Umber (#4B3F33) for the main text, Stone (#9B8E7E) for labels and Antique gold (#B5925A) as the accent.
Is it free to make?
The light academia design is free to build. Showing live step data needs the one-time Pro upgrade.
What else is this style called?
People also search for academia aesthetic step counter widget, study step counter widget, classical step counter widget. They describe the same look as this light academia step counter widget.
More light academia widgets
- Light academia clock widget
- Light academia analog clock widget
- Light academia calendar widget
- Light academia battery widget
- Light academia countdown widget
- Light academia to-do list widget
- Light academia photo widget
- Light academia quote widget
- Light academia music widget
- Light academia year progress widget
- Light academia habit tracker widget
- Light academia sticky note widget
- Light academia world clock widget
- Light academia date widget
- Light academia home screen setup
- All light academia widgets