Buttons and links
Two components carry every button and link on the site. Hover one to see it respond.
Button
Three variants by weight, two sizes in every one. The look never changes with the element: a control that goes somewhere is an anchor, one that acts is a real button. The bar's links are ghost / sm.
primary / md
primary / sm
secondary / md
secondary / sm
ghost / md
ghost / sm
primary / md
primary / sm
secondary / md
secondary / sm
ghost / md
ghost / sm
primary / md · anchor: goes somewhere
primary / md · button: acts on the page
secondary / sm · anchor: goes somewhere
secondary / sm · button: acts on the page
ghost / sm · anchor: goes somewhere
ghost / sm · button: acts on the page
Link
Three variants by role and no sizes of their own: inline follows the sentence, muted and onward sit at the interface size. Always an anchor, always the pointer. The phone menu's rows are their own part.
inline, dark