Button

Text button: primary in ink for the main action, secondary with an outline for the rest.

Rules

One primary button per screen. Ink, never an axis color.
Hover darkens the neutral (ink at 85 %, or a sand background). Focus is the 2 px ink outline of the theme.
Disabled: 50 % opacity. Sentence case label, an optional Lucide icon after the text.

Once the theme is installed:

npx shadcn@latest add https://brand.stevenoumi.com/r/button.json

Prop

Type

On the brand page: Portfolio and holding page calls to action.

IconButton

32 px square link, arrow up-right by default. Bottom right of cards.

ContactItem

Contact link with its icon. The LinkedIn logo replaces the word LinkedIn.