State

You can apply Bootstrap and Keen state color helper classes to the most of the Keen's components:
State Preview Class postfix Usage example
Bootstrap States
Success *-success btn-success k-font-success
Warning *-warning btn-warning k-font-warning
Danger *-danger btn-danger k-font-danger
Info *-info btn-info k-font-info
Primary *-primary btn-primary k-font-primary
Secondary *-secondary btn-secondary k-font-secondary
Dark *-dark btn-dark k-font-dark
Keen Custom States
Brand *-brand btn-success k-font-brand
Accent *-accent btn-accent k-font-accent
Focus *-focus btn-focus k-font-focus
Metal *-metal btn-metal k-font-metal
Light *-light btn-light k-font-light

Base Colors

You can apply Keen's base color helper classes to the most of the Keen's components:
Level Preview Class example
Label Classes
Level 1 Font Color   BG Color kt-label-font-color-1  kt-label-bg-color-1
Level 2 Font Color   BG Color kt-label-font-color-2  kt-label-bg-color-2
Level 3 Font Color   BG Color kt-label-font-color-3  kt-label-bg-color-3
Level 4 Font Color   BG Color kt-label-font-color-4  kt-label-bg-color-4
Shape Classes
Level 1 Font Color   BG Color kt-shape-font-color-1  kt-shape-bg-color-1
Level 2 Font Color   BG Color kt-shape-font-color-2  kt-shape-bg-color-2
Level 3 Font Color   BG Color kt-shape-font-color-3  kt-shape-bg-color-3
Level 4 Font Color   BG Color kt-shape-font-color-4  kt-shape-bg-color-4

Examples

Apply state color classes to any typography element:
Success state text  Warning state text  Info state text

Danger state text  Primary state text  Focus state text
Apply base color classes to any typography element:
Label color level 4   Label color level 3   Label color level 2   Label color level 1
Apply color classes to any component:
new pending 203 hot fixed in process completed focus accent
25%

Quick Actions

Lorem Ipsum is simply dummy text of the printing and typesetting simply dummy text of the printing industry.
Lorem Ipsum is simply dummy text of the printing and typesetting simply dummy text of the printing industry.
Lorem Ipsum is simply dummy text of the printing and typesetting simply dummy text of the printing industry.
Lorem Ipsum is simply dummy text of the printing and typesetting simply dummy text of the printing industry.
Lorem Ipsum is simply dummy text of the printing and typesetting simply dummy text of the printing industry.
Notifications
Orders
Customers

Select A Demo

Demo 7
Demo 8
Demo 9
Buy Keen Now!