calendars
Conic day dial
The ring and the labels use two different angular conventions and you have to convert by hand. conic-gradient starts at twelve o'clock and runs clockwise, so an hour becomes a percentage untouched. cos and sin measure from three o'clock: subtracting 90 degrees is the ONLY correction, and anyone who negates the angle too sends every label to the opposite side.
See it live and copy its promptWhat you can adjust
- Background
- Free slot colour
- Head color
- Dial size
- Ring thickness
How this catalog works
Every component ships with its reproduction prompt: the text you paste into an AI builder to get exactly this piece. The values above are editable, and the prompt you copy carries the ones you chose, so what gets generated is what you were looking at.
