Template > Core > Colors

Color can set the basic tone, mood, connotation and conception of a brand or a product.

States Colors

Flatlogic One comes with a number of state colors that can be applied to the most of elements and components. It reuses Bootstrap's original 6 states:

State Preview Class postfix Usage example
Success   *-success text-successbtn-success
Warning   *-warning badge-warningbg-warning
Danger   *-danger btn-dangertext-danger
Info   *-info alert-infobadge-info
Primary   *-primary bg-primarytext-primary
Secondary   *-secondary bg-secondary
Text Colors

Convey meaning through color with a handful of color utility classes. Includes support for styling links with hover states, too. Use text-* class to fill text.

h1. Heading

h2. Heading

h3. Heading

h4. Heading

h5. Heading
h6. Heading
Example Buttons

Use any of the available button classes to quickly create a styled button. Semantically distinguishable beauty.