Buttons

Introduction

Use links when an action redirects user to another page. Use buttons when an action updates current view. Buttons and links are the bedrock of user interactions and they should always indicate clearly what the effect will be when interacted. A view should only present one primary action as the user flow is usually degraded by having multiple competiting primary actions.

 

Action button

 

Arrow button

 

Close button

 

Social

 

Play

 

On dark

 

Disabled

Variations