WidgetCraftGet the appDark academia · Home screen setup
Dark academia home screen setup
Dark academia widgets look like a leather-bound notebook: deep brown and black grounds, parchment text, a gold accent and classical serif type suited to quotes and reading goals. This setup uses three widgets, one wallpaper and one palette so the whole screen reads as a single design.
The three dark academia widgets
- Dark academia quote widget (4 × 2): displays a line you want to see every day.
- Dark academia year progress widget (4 × 2): shows how much of the year has passed as a percentage and a bar.
- Dark academia analog clock widget (2 × 2): shows the time on a round dial with hour and minute hands.
Place them top to bottom in that order and leave the row above the dock empty so the wallpaper has room.
Quote widget settings
A quote widget is pure typography, so the style shows more clearly here than anywhere else. Line length, line spacing and the size of the quotation mark do the design work.
- Canvas: 360 × 180, background #1F1813, corner radius 8, outline 1 pt #E8DCC4
- Text: opening quotation mark, size 54, color #B08D57
- Text: quote in two lines, Cormorant Garamond, weight 500, size 22, line spacing 1.35, color #E8DCC4, center aligned
- Text: Use a classical serif in parchment and set labels in small capitals.
Free to build. Full recipe and steps.
Year progress widget settings
A year-progress widget is a gentle nudge: one bar that fills from 1 January to 31 December. The same layout works for the day, the week or a personal goal.
- Canvas: 360 × 180, background #1F1813, corner radius 8, outline 1 pt #E8DCC4
- Text: year label, size 12, color #9C8B72
- Text (formula): percentage of the year, Cormorant Garamond, size 68, color #E8DCC4
- Bars and rings: Use thin brass lines; treat progress like a bookmark ribbon.
Free to build. Full recipe and steps.
Analog clock widget settings
An analog clock reads as a shape rather than as numbers, which makes it the most decorative way to show the time. WidgetCraft has a dedicated analog layer where the dial, markers and each hand can be styled separately.
- Canvas: 200 × 200, background #1F1813, corner radius 8, outline 1 pt #E8DCC4
- Analog: dial #2C221A, ring 2 pt in #E8DCC4
- Markers: 12 ticks, quarter-hours in #E8DCC4 (3 pt), others in #9C8B72 (1.5 pt)
- Bars and rings: Use thin brass lines; treat progress like a bookmark ribbon.
Free to build. Full recipe and steps.
How to set up a dark academia home screen
- Set the wallpaper first, so you can judge every color against it.
- Build the quote widget and add it to the home screen at 4 × 2.
- Duplicate its canvas settings for the year progress and analog clock 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.
Dark academia wallpaper ideas
Bookshelves, old paper, dark wood or a classical painting.
Dark academia icons and dock
Gold or cream line icons on dark backgrounds.
Dark academia home screen colors
- Walnut
#1F1813Background - Leather
#2C221ASurface and tracks - Parchment
#E8DCC4Text - Dust
#9C8B72Labels - Brass
#B08D57Accent
Fonts for a dark academia home screen
Use Cormorant Garamond (import the font file), or the built-in Serif at weight 500. Corner radius is 8 on every widget so the shapes match.
Do and avoid
- Keep the background very dark brown rather than black.
- Use brass for lines and one burgundy detail.
- Do not use sans-serif display type.
- Do not use bright white text.