UI ELEMENTS

BUTTONS

Normal

Hover

Hover 50% Background Opacity

Hover 50% Background Opacity

Hover 50% Background Opacity

Disabled

DROPDOWN BUTTON

Normal

BUTTON RULES
DROPDOWN BUTTON RULES

30px padding each side of text or icon

100px minimum button size. Typ. all buttons

30px padding each side of text or icon

100px minimum button size. Typ. all buttons

Pill button 33px high, 14px radius corners

Toggle On

Toggle Off

Radio Button 24px outer diameter

Toggle 33px high, 66px wide, 50px radius corners

INPUT FIELDS

Accordian or List View #FFFFFF, 55px high

Input text fields 42px high, justify Left, Background is Transparent

Action

Date & Time

System User

Event Detail