Filter My Blog
Browse documentation

Shape and type

Updated

Alongside colour, six numeric settings and one switch control the physical shape of each tag on the Design page.

The six measurements

SettingControlsRange
Corner radiusHow rounded each tag's corners are. 0 for square, a large value for a full pill.0 to 999
Font sizeThe text size inside each tag, in pixels.0 to 32
Horizontal paddingSpace to the left and right of the text inside each tag.0 to 48
Vertical paddingSpace above and below the text inside each tag.0 to 32
GapSpace between one tag and the next.0 to 48
Font weightHow bold the text is. Higher is bolder.0 to 900

Every value is clamped to its range when saved, so an out-of-bounds number can't be written through and break the bar's layout.

Uppercase labels

A separate switch renders every tag's text in capitals with slightly wider letter spacing, independent of the font weight or size chosen. It's how the Uppercase preset gets its look, but it can be turned on with any preset as a starting point.

Tip

A large corner radius with generous padding reads as a soft, friendly pill; a radius of 0 with tight padding reads closer to a tab or label. Both are equally supported; there's no "correct" combination.

Loading search index
to navigate to selectEsc to close