Docsy Kitchen Sink on Docsy example

Kitchen sink

Mon, 01 Jan 0001 00:00:00 +0000

This page is mounted from examples/shared/kitchen-sink.md into both the Docsy and the Hextra example. The markup and the stylesheet behind it are the same files the documentation site uses, so any difference you see between the two examples is a difference between the themes — not between three divergent copies of the brand.

Every specimen on this page is live markup styled by the brand tokens, ported from brand/html/projectious-kitchen-sink.html. They follow your colour mode — switch the theme and they change with the documentation.

First steps

Mon, 01 Jan 0001 00:00:00 +0000

A gentle beginning

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur feugiat semper sapien, sed pretium nibh consequat quis. Donec vitae sem non arcu placerat tincidunt.

Tip

Small, explicit pages are easier to scan, link, and maintain.

Open the kitchen sink{.btn .btn-primary}

Quote

Documentation is a conversation between a product and its future users.

Dashboard mockup

Mon, 01 Jan 0001 00:00:00 +0000

A whole application screen, built only from components this theme already renders elsewhere. It is the worked example behind the brand’s composed patterns page: a page shell, a KPI row, and a primary/secondary split.

This page is mounted from examples/shared/dashboard.md into both the Docsy and the Hextra example, and the specimen itself is one shortcode shared with the documentation site. Any difference between the two examples is therefore a difference between the themes.

Review specimen

Mon, 01 Jan 0001 00:00:00 +0000

This is the Docsy review fixture described in the brand’s Hugo theme guidance. It exercises the states a theme has to prove before it can be approved: hierarchy, link behaviour, callouts, cards, code, status, and one primary action. Compare it against the Hextra fixture in examples/hugo-hextra/ — the two use the same content states, so a migration compares like with like.

Release boundary

Validate the configuration locally, then request promotion. The action below is the only primary action in this view.