KSS Style Guide

2.1.1 #permalink Primary buttons

Toggle example guides Toggle HTML markup

The primary action is generally the action that completes a task or desired action. Primary buttons use bright and use saturated colors to provide stronger visual weight that catches the users attention to avoid confusion and competing with secondary actions.

Example
Markup
<button class="btn btn-primary">primary button</button>
Source: scss/atoms/_buttons.scss, line 157