← Visual design
toolshed

Meta line preview

Two options for the post header meta line: all metadata items as labelled pills, versus inline labels separated by dots.

Published Maturity 🌿 Sapling AI Co-created with AI Written by AI based on my ideas and direction.

A typography study for the line of metadata under a post title (published date, tended date, maturity stage, AI attribution). The mockup compares two formats applied to four real post stubs from the garden.

Option A renders each item as a small pill with an explicit label and value inside it. Option B keeps everything on a single inline line: label, value, separator, next label, next value. Both options share the same content so the difference is purely visual language.

Related live components: the maturity track and the ai attribution box.

View the prototype

Mycelium tags, relations, arguments & questions