You are on page 1of 13

Colors in Engage 09

Process Interaction
Background and Text> Header Text Background and Text> Background Background and Text> Header Background

Buttons>Navigation Normal (Navigation Hover when moused over)

Buttons> Header Normal (Header Hover when moused over)

Background and Text> Slide Text

Tooltips> Background, Border, and Text

Background and Text> Slide Background

Callouts> Text

Callouts> Background

Buttons> Navigation Active (indicates the step the learners currently viewing)

Buttons> Navigation Normal

Background and Text > Footer Bar

12.21.10

Colors in Engage 09

Labeled Graphic
Buttons> Header Normal (Header Hover when moused over)
Background and Text> Background Background and Text> Header Text Background and Text> Header Background

Tooltips> Background, Border, and Text

Callouts>Text

Labeled Graphic> Callout Background

12.21.10

Colors in Engage 09

Tabs Interaction
Buttons> Header Normal (Header Hover when moused over)
Background and Text> Background Background and Text> Header Text Background and Text> Header Background Background and Text> Slide Text

Tooltips> Background, Border, and Text

Buttons> Navigation Active (indicates the tab the learners currently viewing)

Buttons> Navigation Hover (when moused over)

Buttons> Navigation Normal

Tab>Background

Tab>Slide Background

12.21.10

Colors in Engage 09

Circle Diagram
Background and Text> Background Background and Text> Header Text Background and Text> Header Background Buttons>Navigation Normal (Navigation Hover when moused over) Buttons> Header Normal (Header Hover when moused over)

Background and Text> Slide Text

Tooltips> Background, Border, and Text

Callouts> Background

Background and Text> Slide Background

12.21.10

Colors in Engage 09

Timeline Interaction
Background and Text> Background Background and Text> Header Text Background and Text> Header Background Buttons>Navigation Normal (Navigation Hover when moused over) Buttons> Header Normal (Header Hover when moused over)

Background and Text> Slide Text

Tooltips> Background, Border, and Text

Timeline>Tooltip Hover (the color appears if learner hovers over an event marker; otherwise a callout for the current event pops up, and the textbox is white)

Callouts > Text

Timeline > Selected Period Text

Timeline > Period Text

Background and Text > Footer Bar

Background and Text> Slide Background

12.21.10

Colors in Engage 09

Media Tour
Background and Text> Background

Background and Text> Header Text

Background and Text> Header Background

Buttons> Header Normal (Header Hover when moused over)

Tooltips> Background, Border, and Text

12.21.10

Colors in Engage 09

FAQ

Background and Text> Background

Background and Text> Header Text

Background and Text> Header Background

Buttons> Navigation Active (indicates the question the learners currently viewing)

Buttons> Header Normal (Header Hover when moused over)

Tooltips> Background, Border, and Text


FAQ > FAQ Button Text The Search button (concealed by the Click Next to Continue tooltip in this picture) is controlled by Buttons> Navigation Normal and Buttons> Navigation Hover (the same parameters as the ones used for the color of questions).

Background and Text> Slide Background

Buttons> Navigation Hover (when moused over)

Buttons>Navigation Normal

12.21.10

Colors in Engage 09

Pyramid Diagram
Background and Text> Background Background and Text> Header Text Background and Text> Header Background Buttons>Navigation Normal (Navigation Hover when moused over) Buttons> Header Normal (Header Hover when moused over)

Background and Text> Slide Text

Tooltips> Background, Border, and Text

Callouts> Background

Background and Text> Slide Background

12.21.10

Colors in Engage 09

Guided Image
Background and Text> Background Background and Text> Header Text Background and Text> Header Background Buttons>Navigation Normal (Navigation Hover when moused over) Buttons> Header Normal (Header Hover when moused over)

Background and Text> Slide Text

Tooltips> Background, Border, and Text

Background and Text> Slide Background

12.21.10

Colors in Engage 09

Glossary

Background and Text> Background

Background and Text> Header Text

Background and Text> Header Background

Background and Text> Slide Text

Buttons> Header Normal (Header Hover when moused over)

Tooltips> Background, Border, and Text

Glossary> Item Selected

Glossary> Item Hover

Callouts> Background

Background and Text> Slide Background

12.21.10

Colors in Engage 09

Flipbook Interaction
Background and Text> Background Background and Text> Header Text Background and Text> Header Background Buttons> Header Normal (Header Hover when moused over)

Tooltips> Background, Border, and Text


Background and Text> Slide Text

Background and Text> Slide Background

12.21.10

Colors in Engage 09

Stairstep Interaction
Background and Text> Background Background and Text> Header Text Background and Text> Header Background Buttons> Header Normal (Header Hover when moused over)

Tooltips> Background, Border, and Text


Background and Text> Slide Text

Background and Text> Slide Background

12.21.10

Colors in Engage 09

Carousel Interaction
Background and Text> Background Background and Text> Header Text Background and Text> Header Background Background and Text> Slide Background Buttons> Header Normal (Header Hover when moused over)

Background and Text> Slide Text

Tooltips> Background, Border, and Text

12.21.10

You might also like