Day Ring
A day as a circular, color-coded schedule - time blocks as arcs around a 24-hour clock.
Overview Extension #
A day as a circular, color-coded schedule - time blocks as arcs around a 24-hour clock.
Day Ring turns a day into a circular schedule. Add time blocks - a label, a start, an end, a color - and each becomes a proportional arc around a 24-hour clock, with midnight at the top.
Overlapping blocks stack automatically onto concentric rings, so a stand-up inside your deep-work block both show. Blocks that run past midnight wrap around the top correctly.
Start from a template (work day, weekend, wedding, travel, kids, study), give each block an emoji, label them on the ring or in a legend, show durations, and pick a palette or a color per block.
Open it from the Extensions menu. It drops in as a re-editable, canvas-filling layer; reopen via Edit Day Ring anytime. Bind the title to a post field with {{...}} tokens for a dynamic featured image. Nothing is uploaded.
Time blocks Extension 6 items #
The left column: the blocks that make up the day, and one-click templates.
Label
#The block's name, shown on its arc and in the legend.
Start / End
#The block's time window. A block whose end is earlier than its start wraps past midnight (for example 23:00-06:30).
Block color
#Chosen with the shared color picker. Blocks left without a color are filled from the palette.
Emoji
#An optional emoji shown before the name, on the arc and in the legend.
Add block / Remove
#Add a new block after the last one, or delete a block with the x.
Load a day
#Fill the day from a template and set a matching title.
Dial & title Extension 3 items #
The clock face and the text in its centre.
Style Extension 9 items #
How the arcs and labels look.
Palette
#One of seven color sets used for blocks without their own color.
Ring thickness
#How thick the arcs are drawn.
Gap
#The spacing between concentric rings.
Rounded ends
#Round or flat caps on each arc.
Labels on ring
#Draw each block's name and emoji on its arc (small arcs fall back to the legend).
Legend
#A list beside or below the ring: color, name and time.
Show durations
#Add each block's length (for example 1h30) to the legend.
Arc depth
#A soft radial gradient across each arc for a rounded, tube-like look.
Dark theme
#Light or dark dial text, ticks and numbers.
Background Extension 2 items #
The backdrop behind the ring.
Insert & dynamic Extension 3 items #
Drop the ring into your design, or drive it from your posts.
Insert day ring
#Drops the ring in as a re-editable layer that fills the canvas.
Edit Day Ring
#Reopens the studio for the selected layer so you can change the blocks, dial or style, then Update.
Dynamic content
#A {{field}} in the title re-renders the ring per post, so it works as a dynamic featured image.