Alerts (notify of system events)

This is an alert of an informative event that has happened.

This is an alert of a successful event that has happened.

This is a message of a warning.

This is a message of an error or bad thing that happened

Nav actions

Nav Action Item

Calls to Action (prompt for necessary actions)

Go to the draw area to allocate adjudicators.

Info Cards (explain crucial information on a page)

This style of info card announces critical information. Link.

This style of info card announces general information.

This is a second paragraph

Action Cards (i.e. for checkins)

Thing B

This is a possibly important issue to be rectified with the below action

This is a crucial issue to be rectified with the below action

Edit a thing

Thing C

This is an informative note relevant to the below action

This is an even less informative note

Do a thing

Cards (for sections of info or link blocks)

Info Title

Info description

Title

Body

Tables

Optional Table Title

Title	Title	Title
Content	Content	Content
Content	Content	Content

Action Buttons (for forms or headers with actions)

Primary Data-Altering Action

Disabled PDAA

Secondary Data-Altering Action

Disabled SDA

Destructive Action

Disabled DA

Info (unused?)

Warning (unused?)

Nav Buttons (acting as links or navigation items in headers)

A link to somewhere

An active link to somewhere (typically indicates current page)

Forms

Diversity Colors

Allocation Conflicts Colors

Allocation Histories Colors

Allocation Adj Ranking Colors

Positions Colors

Aff

Neg