Buttons & Link Styles

Every button on this site comes from a Link Style preset in the Studio. A preset owns its colours, so editing one restyles every button that uses it — across both light and dark mode. Toggle the colour scheme in the navigation to see each one switch.

Match page theme

No colours to pick. The button takes its colours from the accent of whatever page or section it sits on, so it recolours with the page.

From one colour

Pick one swatch, plus an optional dark-mode one. The fill, a readable label, the border and the hover state are all derived from it.

Custom colours

Background, text and border for resting and hover, each with an optional dark-mode counterpart. This one inverts in dark mode, and any hover slot left empty is filled in automatically.

Gradient

A gradient fill with its own label colour. An optional hover gradient replaces it on hover — hover this one to see the colours swap direction.

Same presets, different section

This band uses the Always Dark theme. The three Match page theme buttons below are the same presets as above, and the highlighted heading is set to inherit, so all of them pick up this section’s accent instead of the page’s.