![Page 1: Colors in Engage ’09 Process Interaction€¦ · Colors in Engage ’09 Tabs Interaction Buttons> Navigation Active (indicates the tab the learner’s currently viewing) Background](https://reader034.vdocuments.mx/reader034/viewer/2022042217/5ec096101792377357153c0b/html5/thumbnails/1.jpg)
Background and Text>
Slide Text
Background and Text >
Footer Bar
Background and Text>
Slide Background
Background and Text>
Background
Callouts> Background
Background and Text>
Header Text
Background and Text>
Header Background
Buttons> Header Normal
(Header Hover when
moused over)
Buttons>Navigation Normal
(Navigation Hover when
moused over)
Tooltips> Background,
Border, and Text
Buttons> Navigation Active
(indicates the step the learner’s
currently viewing)
Buttons> Navigation Normal
Colors in Engage ’09
Process Interaction
12.21.10
Callouts> Text
![Page 2: Colors in Engage ’09 Process Interaction€¦ · Colors in Engage ’09 Tabs Interaction Buttons> Navigation Active (indicates the tab the learner’s currently viewing) Background](https://reader034.vdocuments.mx/reader034/viewer/2022042217/5ec096101792377357153c0b/html5/thumbnails/2.jpg)
Colors in Engage ’09
Labeled Graphic
Background and Text>
Background
Callouts>Text
Background and Text>
Header Text
Background and Text>
Header Background
Tooltips> Background,
Border, and Text
Labeled Graphic>
Callout Background
12.21.10
Buttons> Header Normal
(Header Hover when
moused over)
![Page 3: Colors in Engage ’09 Process Interaction€¦ · Colors in Engage ’09 Tabs Interaction Buttons> Navigation Active (indicates the tab the learner’s currently viewing) Background](https://reader034.vdocuments.mx/reader034/viewer/2022042217/5ec096101792377357153c0b/html5/thumbnails/3.jpg)
Colors in Engage ’09
Tabs Interaction
Buttons> Navigation Active
(indicates the tab the
learner’s currently viewing)
Background and Text>
Header Text
Background and Text>
Header Background
Tooltips> Background,
Border, and Text
Buttons> Navigation Normal
12.21.10
Buttons> Header Normal
(Header Hover when
moused over)
Background and Text>
Background
Background and Text>
Slide Text
Buttons> Navigation Hover
(when moused over)
Tab>Background Tab>Slide Background
![Page 4: Colors in Engage ’09 Process Interaction€¦ · Colors in Engage ’09 Tabs Interaction Buttons> Navigation Active (indicates the tab the learner’s currently viewing) Background](https://reader034.vdocuments.mx/reader034/viewer/2022042217/5ec096101792377357153c0b/html5/thumbnails/4.jpg)
Colors in Engage ’09
Circle Diagram
Background and Text>
Header Text
Background and Text>
Header Background
Tooltips> Background,
Border, and Text
12.21.10
Buttons> Header Normal
(Header Hover when
moused over)
Background and Text>
Background
Background and Text>
Slide Background
Background and Text>
Slide Text
Buttons>Navigation Normal
(Navigation Hover when
moused over)
Callouts> Background
![Page 5: Colors in Engage ’09 Process Interaction€¦ · Colors in Engage ’09 Tabs Interaction Buttons> Navigation Active (indicates the tab the learner’s currently viewing) Background](https://reader034.vdocuments.mx/reader034/viewer/2022042217/5ec096101792377357153c0b/html5/thumbnails/5.jpg)
Colors in Engage ’09
Timeline Interaction
Background and Text>
Header Text
Background and Text>
Header Background
Tooltips> Background,
Border, and Text
12.21.10
Buttons> Header Normal
(Header Hover when
moused over)
Background and Text>
Background
Background and Text>
Slide Background
Background and Text>
Slide Text
Buttons>Navigation Normal
(Navigation Hover when
moused over)
Background and Text >
Footer Bar
Callouts > Text
Timeline > Period Text Timeline > Selected
Period 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)
![Page 6: Colors in Engage ’09 Process Interaction€¦ · Colors in Engage ’09 Tabs Interaction Buttons> Navigation Active (indicates the tab the learner’s currently viewing) Background](https://reader034.vdocuments.mx/reader034/viewer/2022042217/5ec096101792377357153c0b/html5/thumbnails/6.jpg)
Colors in Engage ’09
Media Tour
Background and Text>
Header Text
Background and Text>
Header Background
Tooltips> Background,
Border, and Text
12.21.10
Background and Text>
Background
Buttons> Header Normal
(Header Hover when
moused over)
![Page 7: Colors in Engage ’09 Process Interaction€¦ · Colors in Engage ’09 Tabs Interaction Buttons> Navigation Active (indicates the tab the learner’s currently viewing) Background](https://reader034.vdocuments.mx/reader034/viewer/2022042217/5ec096101792377357153c0b/html5/thumbnails/7.jpg)
Colors in Engage ’09
FAQ
Background and Text>
Header Text
Background and Text>
Header Background
Tooltips> Background,
Border, and Text
12.21.10
Background and Text>
Background
Buttons> Header Normal
(Header Hover when
moused over)
Background and Text>
Slide Background
Buttons>Navigation Normal
Buttons> Navigation Active
(indicates the question the
learner’s currently viewing)
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).
Buttons> Navigation Hover
(when moused over)
![Page 8: Colors in Engage ’09 Process Interaction€¦ · Colors in Engage ’09 Tabs Interaction Buttons> Navigation Active (indicates the tab the learner’s currently viewing) Background](https://reader034.vdocuments.mx/reader034/viewer/2022042217/5ec096101792377357153c0b/html5/thumbnails/8.jpg)
Colors in Engage ’09
Pyramid Diagram
Background and Text>
Header Text
Background and Text>
Header Background
Tooltips> Background,
Border, and Text
12.21.10
Buttons> Header Normal
(Header Hover when
moused over)
Background and Text>
Background
Background and Text>
Slide Background
Background and Text>
Slide Text
Buttons>Navigation Normal
(Navigation Hover when
moused over)
Callouts> Background
![Page 9: Colors in Engage ’09 Process Interaction€¦ · Colors in Engage ’09 Tabs Interaction Buttons> Navigation Active (indicates the tab the learner’s currently viewing) Background](https://reader034.vdocuments.mx/reader034/viewer/2022042217/5ec096101792377357153c0b/html5/thumbnails/9.jpg)
Colors in Engage ’09
Guided Image
Background and Text>
Header Text
Background and Text>
Header Background
Tooltips> Background,
Border, and Text
12.21.10
Buttons> Header Normal
(Header Hover when
moused over)
Background and Text>
Background
Background and Text>
Slide Background
Background and Text>
Slide Text
Buttons>Navigation Normal
(Navigation Hover when
moused over)
![Page 10: Colors in Engage ’09 Process Interaction€¦ · Colors in Engage ’09 Tabs Interaction Buttons> Navigation Active (indicates the tab the learner’s currently viewing) Background](https://reader034.vdocuments.mx/reader034/viewer/2022042217/5ec096101792377357153c0b/html5/thumbnails/10.jpg)
Colors in Engage ’09
Glossary
Background and Text>
Header Text
Background and Text>
Header Background
Tooltips> Background,
Border, and Text
12.21.10
Background and Text>
Background
Buttons> Header Normal
(Header Hover when
moused over)
Background and Text>
Slide Text
Callouts> Background
Background and Text>
Slide Background
Glossary> Item Selected
Glossary> Item Hover
![Page 11: Colors in Engage ’09 Process Interaction€¦ · Colors in Engage ’09 Tabs Interaction Buttons> Navigation Active (indicates the tab the learner’s currently viewing) Background](https://reader034.vdocuments.mx/reader034/viewer/2022042217/5ec096101792377357153c0b/html5/thumbnails/11.jpg)
Colors in Engage ’09
Flipbook Interaction
Background and Text>
Header Text
Background and Text>
Header Background
Tooltips> Background,
Border, and Text
12.21.10
Background and Text>
Background
Buttons> Header Normal
(Header Hover when
moused over)
Background and Text>
Slide Background
Background and Text>
Slide Text
![Page 12: Colors in Engage ’09 Process Interaction€¦ · Colors in Engage ’09 Tabs Interaction Buttons> Navigation Active (indicates the tab the learner’s currently viewing) Background](https://reader034.vdocuments.mx/reader034/viewer/2022042217/5ec096101792377357153c0b/html5/thumbnails/12.jpg)
Colors in Engage ’09
Stairstep Interaction
Background and Text>
Header Text
Background and Text>
Header Background
Tooltips> Background,
Border, and Text
12.21.10
Background and Text>
Background
Buttons> Header Normal
(Header Hover when
moused over)
Background and Text>
Slide Background
Background and Text>
Slide Text
![Page 13: Colors in Engage ’09 Process Interaction€¦ · Colors in Engage ’09 Tabs Interaction Buttons> Navigation Active (indicates the tab the learner’s currently viewing) Background](https://reader034.vdocuments.mx/reader034/viewer/2022042217/5ec096101792377357153c0b/html5/thumbnails/13.jpg)
Colors in Engage ’09
Carousel Interaction
Background and Text>
Header Text
Background and Text>
Header Background
Tooltips> Background,
Border, and Text
12.21.10
Background and Text>
Background
Buttons> Header Normal
(Header Hover when
moused over)
Background and Text>
Slide Background
Background and Text>
Slide Text