Interactive Buttons & Links

Comprehensive collection of button and link components designed for optimal user interaction. From primary call-to-actions to floating buttons, each component follows accessibility standards and modern design principles.

Primary Action Buttons

Essential square-styled primary buttons for main user actions. These buttons are designed to draw attention and guide users toward important interactions like form submissions, purchases, or navigation.

Large
Medium
Small
Small (Disabled)

Rounded Primary Buttons

Modern rounded buttons that provide a softer, more approachable design aesthetic. Perfect for contemporary interfaces where gentle curves enhance the user experience while maintaining clear call-to-action hierarchy.

Large
Medium
Small
Small (Disabled)

Secondary Action Buttons

Subtle secondary buttons designed for alternative actions and less prominent interactions. These buttons maintain visual hierarchy while offering users secondary paths through your interface without competing with primary actions.

Large
Medium
Small
Small (Disabled)

Text Links Components

Crafted for clarity and momentum, these link styles turn simple text into confident calls to action across every touchpoint.

Links

From subtle inline cues to bold CTA links, this collection balances readability, brand tone, and interaction feedback so navigation always feels intentional.

Button CTAExtra Large
Button CTASmall (Disabled)

Floating Buttons Components

High-visibility floating actions built to stay helpful, not intrusive, whether users need a quick shortcut, menu, or instant primary action.

Floating Buttons

Designed for speed and discoverability, these floating patterns keep key actions close at hand while preserving clean layouts on desktop and mobile.

Expandable
Single Action

Mobile Menu Button

Designed for mobile navigation, this floating hamburger menu provides quick access to site navigation while maintaining a clean interface. It expands to reveal menu options and collapses to save screen space when not in use.

Menu Mobile

ISI Button

A compact expand-and-collapse control tailored for safety content, helping users access critical details instantly without disrupting the reading flow.