Skip main navigation
We use cookies to give you a better experience, if that’s ok you can close this message and carry on browsing. For more info read our cookies policy.
We use cookies to give you a better experience. Carry on browsing if you're happy with this, or read our cookies policy for more information.

Pattern Library
Flag

Flags are primarily used to highlight the status of an item, such as emails that have been sent or still need to be completed

Flags are primarily used to highlight the status of an item, such as emails that have been sent or still need to be completed.

When determining what colour to assign to a flag, follow the FutureLearn colour guidelines:

  • Blue (signifying the past) shows a status where action can no longer be taken.
  • Pink (signifying the present) shows a status where action is required.
  • Yellow (signifying the future) shows a status that will require action soon.
  • Medium Grey shows a status that no longer requires action but can still change.
.a-flag.a-flag--pending
  Pending

.a-flag.a-flag--draft
  Draft

.a-flag.a-flag--sent
  Sent

.a-flag.a-flag--accepted
  Accepted

.a-flag.a-flag--started
  Started
Pending
Draft
Sent
Accepted
Started