Design System

Components

Buttons

Colors

Interactive elements always can be recognized on their Teal color. Buttons are interactive elements, therefore they follow this principle.

When a button is disabled, Light Medium Gray is used to make clear it’s not clickable.

Types

There are 3 types of buttons: primary, secondary and link.

Primary

Primary buttons are used for actions that contribute to the main goals of FlexIT.

Secondary

Secondary buttons are used for actions that are a bit less important than primary actions.

Links are used when a user has to click further to read an article for example or when it refers to an external website.