Tabs

Underline tabs for in-page navigation and filtering. Under SafeWay the active tab reads in ink (the discrete blue accent is reserved for the keyboard focus ring); the Catalyst baseline keeps the stock indigo — flip the brand to compare.

Underline tabs

Buttons by default. Click to switch.

As a filter — Teen / Adult

The enrollment catalog's audience filter. Underline (not pills) so it never competes with our pill buttons.

Links

With an href a tab renders as a Next link and gets the SafeWay focus ring.

Theme