Professional Documents
Culture Documents
Extron® TouchLink
Extron® TouchLink
Control Systems
68-1951-01 Rev. A 01 11
Copyright
2011 Extron Electronics. All rights reserved.
Trademarks
All trademarks mentioned in this guide are the property of their respective owners.
Contents
Introduction ......................................................... 1
Overview ...............................................................1 Resource Kits ........................................................2 Icons Images ....................................................... 3 Templates .............................................................3 Using This Guide ...................................................4 Elements and Colors Table ................................. 4 Fonts Table .......................................................... 4 Template Layouts ............................................... 4
iii
iv
Introduction
Overview
Extron has developed a series of pre-configured design themes to help streamline and accelerate the TouchLink user interface development process. Each design theme is a complete collection of graphical elements used to create a cohesive-looking user interface. At the time of this publication, Extron offers eight unique themes, including:
FLASH
JET
POWER
SPEED
UNIVERSITY
VORTEX BLACK
VORTEX BLUE
The Extron TouchLink Design Themes Reference Guide documents each of these design themes. This guide is a valuable resource for any TouchLink graphical user interface developer wanting to maintain a consistent, professional look with the Extron TouchLink design themes.
Resource Kits
A resource kit is a complete themed collection of graphic elements and sound files that a graphical user interface developer can download from the Extron website. They provide the developer everything needed to make a consistent and cohesive user interface based on one of the Extron design themes. The graphic elements include:
Backgrounds Headers Side Bars Footers Pop-up Backgrounds Button graphics in both their selected (on) and not selected (off) states
Audio files that can be used for feedback are also included. Each resource kit has a substantial library of universal TV icons, as well as, common A/V icons that match the selected theme.
Figure 1.
Icons Images
A/V Icons
Each theme resource kit has more than 70 themed basic A/V icons. Some examples of the these icons are:
TV Icons
The theme resource library has more than 350 worldwide TV network icons. Some examples of these icons are:
Templates
A template is a ready-to-use file imported into the Extron GUI Configurator software that allows one to quickly develop a TouchLink Graphical User Interface project. When starting a project the developer is first given the choice of what theme to use determined by the application for the system. The developer then has the option to use the templates as-is or modify them to create new pages. Elements and icons in the resource kits are included as part of the template package. Several templates are available for download from the Extron website.
Each thumbnail image has a number that corresponds to the reference numbers in the right column of the Elements and Colors Palette and the Fonts tables.
Elements This section provides examples of design elements that are in both the resource kit and in the template. Background Colors This section provides RGB and HEX color codes for backgrounds used in theme templates. Button Colors This section provides RGB and HEX color codes for buttons used in theme templates.
Fonts Table
For each theme, this table lists the font sizes and colors used in a theme. Two font types are used throughout: Arial Bold and Extron GUI Configurator. The table gives examples of how each font is used in a theme.
Template Layouts
Additional TLP 700 and TLP 350 template layout examples follow the tables for each theme.
Flash Theme
Elements and Color Palette
Swatch RGB Code or File Name Hex Code Use For (an) Example, See...
Elements flash_bkgd_dual.png flash_bkgd_window1.png flash_bfgd_display1.png flash_background.png Background for dual display and window display main pages TLP 700 Figure 3 Background for window main page. There is a similar dual display background TLP 700 Background single, divisible room, and Video Conference main pages TLP 700 Background for full pages such as DVD and VCR TLP 700 and TLP 350 Preset Selection and Audio Control pages TLP 700 and TLP 350 Background for Preset Selection and Audio Control TLP 700 Start page with the power button in place TLP 700 Background for start, starting up, shutting down, and confirmation pages TLP 700 and TLP 350 Background for Aux, Laptop, and PC TLP 350
Figure 5
bgh c
flash_video.png
Figure 11 Figures 2, 6
flash_audio.png
df d
flash_wood.png
flash_start.png
Figure 7
a a
flash_shutdown.png
flash_320px.png
Figure 10
flash_panel_leftside.png
Left side panel, a right side panel is in the Resource Library TLP 700
Not shown
flash_room1_sel.png
Tab bar over the black background for Window display TLP 700 Background for titles such as DVD TLP 700 and TLP 350
Figure 2
cde f bfg hj
Horizontal volume bar on main page and vertical volume bar on Audio Control page TLP 700
Swatch
Hex Code
Use
Elements (Continued) preset01_sel.png Preset01.png Preset Selection button (selected) TLP 700 Preset Selection button (not selected) TLP 700 Power on button (not selected) TLP 700 and TLP 350
d
Figure 6
df i
flash_start_nsel.png
flash_input_nsel.png
A/V source button (not selected), use with A/V icons in Resources Library
flash_laptop_nsel.png
A/V source button icon (not selected) on main page TLP 700
bgh j
flash_tuner_sel.png
j cgj
Figure 5 Not shown Not shown
flash_transport_nsel.png
flash_transport_sel.png
Buttons (selected) TLP 700 and TLP 350 System Off button (not selected) on main page TLP 700 Combined and Individual button on status bar (not selected and selected) TLP 700 Button (not selected) on Tuner page TLP 700 Button (not selected) TLP 700 and TLP 350 Freeze button (not selected) TLP 700 and TLP 350
flash_system_btn_nsel.png flash_roomstatus.png
h
flash_dial_nsel.png
j
Figure 4
c g
Figure 5
211, 211, 211 105, 105, 105 128, 128, 128 70, 130, 180 Button Colors 218, 226, 232 105, 105, 105 49, 53, 58 255, 255, 255
Rectangle over background TLP 700 Rectangle around Audio Control buttons TLP 700
a f
b d
Back and Full Screen Video buttons (not selected) TLP 700 Border: White
Swatch
Hex Code
Use
Button Colors (Continued) 134, 218, 255 255, 255, 255 134, 218, 255 70, 130, 180 255, 0, 0 105, 105, 105 18, 128, 18 0, 0, 0 222, 27, 27 0, 0, 0 0, 128, 0 192, 192, 192 255, 255, 0 192, 192, 192 0, 0, 255 192, 192, 192 86DAFF FFFFFF 86DAFF 4682B4 FF0000 C0C0C0 128012 000000 DE1B1B 000000 008000 C0C0C0 FFFF00 C0C0C0 0000FF C0C0C0 Fill: VC Conference and System off buttons (selected) TLP 700 Border: White Fill: Border: Fill: Border: Fill: Border: Fill: Border: Fill: Border: Fill: Border: Fill: Border: VC Controls button (not selected) and selected TLP 700 VC Controls button (not selected) and selected TLP 700 VC Controls button (not selected) and selected TLP 700 Cancel button (not selected) TLP 700 and TLP 350 Power Down button (not selected) TLP 700 and TLP 350 System Off button (not selected) TLP 700 All buttons (selected except as noted) TLP 700
b c gh
Fonts
Font Size Color RGB Code Hex Code Text for: For (an) Example, See...
Arial Bold
36 22 18
0, 0, 0 0, 0, 0 70, 130, 180 255, 255, 255 70, 130, 180 255, 255, 255 0, 0, 0 105, 105, 105 70, 130, 180 0, 0, 0 0, 100, 0 70, 130, 180 255, 0, 0 255, 255, 255 0, 0, 0 105, 105, 105
000000 000000 4682B4 FFFFFF 4682B4 FFFFFF 000000 696969 4682B4 000000 006400 4682B4 FF0000 FFFFFF 000000 696969
Logo banner TLP 700 Full page headings, pop-up page headings, and text on pages such as shutting down TLP 700 Logo banner TLP 350 Labels on Audio Control page TLP 700 Text on pages such as Auxiliary TLP 350 Labels over A/V source icons and button labels TLP 700 Text under power on button on start page TLP 700 and TLP 350 Buttons (selected except as noted) TLP 700 and TLP Labels above buttons and text on pop-ups pages TLP 700 Buttons (not selected) TLP 700 and TLP 350 Call and Phone Book buttons (not selected) TLP 700 Combined and Individual buttons on status bar TLP 700 End Call button (not selected) TLP 700 System Off button (not selected) on status bar TLP 700 Status bar buttons (not selected except as noted) TLP 700 Status bar buttons (selected) TLP 700
Figure 7
fgh
Figures 8, 9
16
Blue White Black
f
Figure 10
bcg i bc g b
Not shown
14
Dim gray Blue Black Dark green Blue Red White
12
b bcg b bcg
Figure 4
11
Extron GUI Configurator White 255, 255, 255 105, 105, 105 FFFFFF 696969 Button symbols and numbers (not selected) TLP 700 and TLP 350 Buttons symbols and numbers (selected) TLP 700 and TLP 350
24
Dim Gray NOTE:
See the Extron GUI Configurator Fonts section for symbols and keyboard equivalents.
Figure 2.
Figure 3.
Dual Display main page: Display 1, VCR selected, and VCR pop-up displayed in the dynamic area
Figure 4.
Figure 5.
Main page, Doc Cam selected, and Doc Cam pop-up displayed in the dynamic area
10
Figure 6.
Figure 7.
Start page
11
TLP 350
Figure 8.
Start page
Figure 9.
12
Jet Theme
Elements and Color Palette
Swatch RGB Code or File Name Hex Code Use For (an) Example See...
Elements Jet_dual_bkgd.jpg jet_bkgd.jpg Background for dual display and window display main pages TLP 700 Background for single, divisible room, and video conference main pages TLP 700 Background for Audio Control, DVD, Preset Selection, and VCR full pages Master page TLP 700 Background for start, starting up, confirmation, and shutting down pages TLP 700 Master popup page TLP 700
af c
jet_bkgr_nohead.png
jet_bkgd.jpg
af
jet_start_bkgd.png
Figure 14
bgh
jet_panel_center.png
adef
Not shown
jet_panel_rightside.jpg
Right side panel, a left side panel is in the Resource Library TLP 700 Header for main page A/V sources TLP 700 Rounded or square tabs (not selected and selected), for use with dual display and window main pages. Volume bar on main page TLP 700 Footer on main page TLP 700 Power on, Combined, and Individual button (not selected) TLP 700 and TLP 350 Power on, Combined, and Individual buttons (selected) TLP 700 and TLP 350 A/V source button icon (not selected) on main page TLP 700 A/V source button icon (selected) on main page TLP 700
Figure 15
af d
Figure 13
Figure 13
adf
adf ad
13
Swatch
Hex Code
Use
Elements (Continued) jet_nsel.png Button (not selected) TLP 700 and TLP 350 Button (selected) TLP 700 and TLP 350 Preset Selection button (not selected) TLP 700 Preset Selection button (selected) TLP 700
Figure 13
cef ch
jet_sel.png
preset05.png preset09.png
Figure 17
jet_85_grn.png
jet_85_orng.png
Figure 15
jet_85_blu-drk.png
jet_85_sel.png
VC Control buttons (selected) TLP 700 Power Down button (not selected) TLP 700 and TLP 350 Cancel button (not selected) TLP 700 and TLP 350
Not shown
jet_trnsprt_grn.png
h
jet_trnsprt_red.png Background Colors 53, 55, 62 255, 255, 255 48, 50, 56 67, 67, 75 53, 55, 62 35373E FFFFFF 303238 43434B 2E2E2E
Figure 14
Figure 14
gh
Fill:
Rectangle layer 1 fill over background TLP 700 Border: White Fill: Border: Fill: Rectangle fill around page names such as AUX TLP 700 Background for full pages TLP 700 and TLP 350 Rectangle layer 2 fill over layer 1, Audio Control boxes around buttons TLP 700
gh bc
Figure 16
Figure 13
aef
127, 133, 149 Buttons Colors 0, 0, 0 255, 255, 255 255, 195, 0
7F8595
Fill:
Figure 16
cgh
Fill:
TV icon button (not selected), Tuner page TLP 700 Border: White Fill: TV icon button (selected), Tuner page TLP 700 Border: Same as fill
Figure 13
e e
14
Fonts
Font Size Color RGB Code Hex Code Text for: For (an) Example See...
Arial Bold
36
Amber White
255, 195, 0 255, 255, 255 255, 195, 0 255, 255, 255 255, 195, 0 0, 0, 0 255, 195, 0 10, 170, 240 0, 0, 0 255, 255, 255 255, 255, 255 0, 0, 0
FFC300 FFFFFF FFC300 FFFFFF FFC300 000000 FFC300 0AAAF0 000000 FFFFFF FFFFFF 000000
Logo banner TLP 700 Headings such as AUX TLP 700 and logo banner TLP 350 Text on pop-up pages TLP 700 Headings, such as AUX TLP 350 Headings, display tab, and window tab (not selected) TLP 700 Headings, display tab, and window tab (selected) TLP 700 Text under the power on button on the start page, labels, and text on the freeze button TLP 700 and text TLP 350 Buttons (not selected) TLP 700 and TLP 350 Buttons (selected) TLP 700 and TLP 350 Power Down and Cancel buttons (not selected) TLP 700 and TLP 350 Status bar buttons (not selected) TLP 700 Status bar buttons (selected) TLP 700
Figure 12
20
Amber
ae
18
White Amber
16
Black Amber
Figure 13
d b
Figure 18
14
Blue Black
Figure 21
cef gh
13
White White
adf f
12
Black
Extron GUI Configurator Black 0, 0, 0 10, 170, 240 10, 170, 240 0, 0, 0 255, 195, 0 000000 0AAAF0 0AAAF0 000000 FFC300 Power on symbol (selected) TLP 700 and TLP 350 Power on symbol (not selected) TLP 700 and TLP 350 Buttons (not selected) TLP 700 and TLP 350 Buttons (selected) TLP 700 and TLP 350 Volume icons on status bar TLP 700 Figure 18
48
Blue Blue
b
Figure 16 Not shown
ef
24
Black
18
NOTE:
Amber
Figure 13
df
See the Extron GUI Configurator Fonts section for symbols and keyboard equivalents.
15
Figure 12.
Figure 13.
Multi window main page, Window 2, Tuner selected, and Tuner pop-up displayed in the dynamic area
16
Figure 14.
Confirmation page
Figure 15.
Main page, VC Controls selected, and Video Conference pop-up displayed in the dynamic area
17
Figure 16.
Figure 17.
18
TLP 350
19
20
Power Theme
Elements and Color Palette
Swatch RGB Code or File Name Hex Code Use For (an) Example, See...
Elements power_bkgd_nohead.png Background for main page TLP 700 Not shown
Power_guic_bkgd.png
Master page background TLP 700 Background for dual display and window display main pages TLP 700 Master page and main page background TLP 350 Background for start, starting up, confirmation, and shutting down pages TLP 700 Background for pop-up pages TLP 700 and TLP 350 Left side panel, a right side panel is in the Resource Library TLP 700 Status bar on the main page TLP 700 Header for main page A/V sources TLP 700 Volume bar on main page TLP 700 A/V source button icon TLP 700 A/V source button icon TLP 700 Preset Selection button (not selected) TLP 700 Preset Selection button (selected) TLP 700 Fill: Rectangle layer 1 over background TLP 700 Border: White Fill: Border: Rectangle layer 2 over layer 1 TLP 700
af
Power_guic_room1_sel.jpg
pwr_bkgd-320240.png
start_bkgd.png
Figures 25, 28
bi
popbkgd2.png
ch
Not shown
power_sidepanel_left.png
power_footer.png power_header.png
Volume_ON_horizontal.jpg Volume_OFFhorizontal.jpg Power_noicon_small.jpg Power-Laptop.png preset01.png preset02_sel.png Background Colors Transparent 255, 255, 255 105, 105, 105 133, 133, 133 FFFFFF 696969 858585
Figure 23
af
Figure 27
Figure 25
21
Swatch
Hex Code
Use
Background Colors (Continued) Fill: 36, 36, 36 242424 Background for full pages; label fill for Preset Selection TLP 700 Border: None Fill: Vertical volume bar on Audio Control page TLP 700 Rectangle around Audio Control buttons TLP 700
de
29, 204, 73
1DCC49
797979 C0C0C0
Fill: Border:
Figure 24
Button Colors 26, 26, 31 Transparent 135, 206, 250 Transparent 36, 43, 63 242B3F A9A9A9 696969 A9A9A9 383838 A9A9A9 31353A FFFFFF 00FFFF 008080 D3D3D3 A9A9A9 B22222 C0C0C0 DC143C 128012 000000 DE1B1B 000000 285680 C0C0C0 008000 C0C0C0 87CEFA 1A1A1F Fill: A/V source icon fill (not selected) TLP 700 Border: Transparent Fill: A/V source icon fill (selected) TLP 700 Border: Transparent Fill: Border: Fill: Border: Fill: Border: Fill: Back and Full Screen Video buttons (not selected) TLP 700 and TLP 350 Border: White Fill: Border: Fill: Buttons TLP 700 Border: Fill: Fill: Fill: 220, 20, 60 18, 128, 18 0, 0, 0 222, 27, 27 0, 0, 0 40, 86, 128 192, 192, 192 0, 128, 0 192, 192 ,192 System Off button (selected) TLP 700 Border: Same as fill Fill: Border: Fill: Border: Fill: Border: Fill: Border: VC Control button (not selected and selected) TLP 700 Freeze button (not selected) TLP 700 and TLP 350 Figure 23 Cancel button (not selected) TLP 700 and TLP 350 Power Down button (not selected) TLP 700 and TLP 350 Figure 25 System Off button (not selected) TLP 700 Buttons (selected except as noted) TLP 700 and TLP 350 Buttons (not selected) TLP 700 and TLP 350 Buttons (not selected) TLP 700 and TLP 350 Buttons (not selected) TLP 700 and TLP 350
af
169, 169, 169 105, 105, 105 169, 169, 169 56, 56, 56 169, 169, 169 49, 53, 58 255, 255, 255 0, 255, 255 0, 128, 128 211, 211, 211 169, 169, 169
de g ae c ad e c a f
22
Swatch
Hex Code
Use
For (an) Example, See... VC Controls button (not selected and selected) TLP 700 VC Controls button (not selected and selected) TLP 700 Call button (not selected) on VC Controls TLP 700 End Call button (not selected) on VC Controls TLP 700
Button Colors (Continued) 255, 255, 0 192, 192 ,192 0, 0, 255 192, 192 ,192 36, 43, 63 0, 128, 128 36, 43, 63 189, 0, 0 FFFF00 C0C0C0 0000FF C0C0C0 242B3F 008080 242B3F BD0000 Fill: Border: Fill: Border: Fill: Border: Fill: Border:
Fonts
Font Size Color RGB Code Hex Code Text for: For (an) Example, See...
Arial Bold
36 20 16
255, 255, 255 255, 255, 255 255, 255, 255 255, 255, 255 13, 13, 60 105, 105, 105 155, 213, 250 255, 255, 255 155, 213, 250 105, 105, 105 128, 0, 0
FFFFFF FFFFFF FFFFFF FFFFFF 0D0D3C 696969 9BD5FA FFFFFF 9BD5FA 696969 800000
Logo banner TLP 700 Full page headings, pop-up page headings, text on pages such as starting up TLP 700 and logo banner TLP 350 Text on pop-up pages TLP 700 and full page headings TLP 350 A/V source labels, start page labels, Power Down and Cancel buttons TLP 700 and TLP 350 Volume on status bar TLP 700 Buttons (selected, except as noted) TLP 700 and TLP 350 Text on bottom of start page TLP 700 Status bar buttons, labels near buttons and A/V sources TLP 700 and text below power button on start page, Confirmation page buttons TLP 350 Text on bottom of start page TLP 350 Buttons (selected) TLP 350 System Off button (selected) on status bar TLP 700
i afgh defg
Figures 29, 30
14
af e i adf
Figure 28 Figure 31
12
f i h aceh i
36
255, 255, 255 13, 13, 60 255, 255, 255 105, 105, 105
Power on symbol TLP 700 and TLP 350 Button symbols and numbers (not selected) TLP 700 and TLP 350 Button symbols and numbers (not selected) TLP 700 and TLP 350 Buttons (selected) TLP 700 and TLP 350
24
NOTE: See the Extron GUI Configurator Fonts section for symbols and keyboard equivalents.
23
Figure 22.
Dual Display main page: Display 1, DVD selected, and DVD pop-up displayed in the dynamic area
Figure 23.
Main page, Doc Cam selected, Doc Cam pop-up displayed in the dynamic area, and Audio Mute selected
24
Figure 24.
Figure 25.
Confirmation page
25
Figure 26.
Figure 27.
26
TLP 350
27
28
Speed Theme
Elements and Color Palette
Swatch RGB Code or File Name Hex Code Use For (an) Example, See...
Elements speed_bkgd.png Background for main pages with header TLP 700 Master main page with footer bar TLP 700 Background page for full size pages TLP 700 Background for main page TLP 350
Figure 33
abi
bkgd_speed4.png
speed_bkgd_nohead.png
g
Figures 38, 39 Not shown
speed_bkgd_320px.png
speed_panel_leftside.png
Left side panel, a right side panel is in the resource library TLP 700 Header bar for main pages A/V sources TLP 700 Status bar on the main page TLP 700 Volume bar on main page TLP 700 Preset Selection button (not selected) TLP 700 Preset Selection button (selected) TLP 700
speed_header.png
ab
Figure 37
preset01_sel.png
laptop_trans_80px.png Background Colors 63, 87, 130 21, 42, 79 255, 255, 255 19, 38, 71 44, 63, 96 3F5782 152A4F FFFFFF 132647 2C3F60
ab
Fill:
Fill:
Rectangle layer 1 over full page background TLP 700 Border: White Fill: Border: Rectangle layer 2 over layer 1 TLP 700
29
Swatch
Hex Code
Use
Background Colors (Continued) 10, 29, 69 37, 68, 125 2, 17, 66 Button Colors 0A1D45 25447D 021142 Fill: Border: Fill: Label fill, such as Audio Control, Doc Cam, DVD, and VC Controls TLP 700 Rectangle layer 1 over Background start page TLP 700
f ghi
0, 194, 194
00C2C2
Fill:
Dual display and window display pages tabs (selected) TLP 700 Dual display and window display pages tabs (not selected) TLP 700 Combined and Individual buttons on status bar of divisible room main page TLP 700 Audio Control volume level bar TLP 700 A/V source button background (not selected) TLP 700 Power Down button (not selected) TLP 700 and TLP 350 Cancel button (not selected) TLP 700 and TLP 350 Button (not selected) TLP 700 and TLP 350 Button (not selected) TLP 700 and TLP 350 Buttons (selected, except as noted) TLP 700 and TLP 350 Power on button (not selected) TLP 700 and TLP 350 System Off button (not selected) TLP 700
A9A9A9
Fill:
Figure 35
Not shown
29, 204, 73
1DCC49
Fill:
g abi
4169E1 128012 000000 DE1B1B 000000 D3D3D3 A9A9A9 696969 A9A9A9 00FFFF 008080 87CEFA 87CEEB B22222 C0C0C0
Fill:
Fill: Border: Fill: Border: Fill: Border: Fill: Border: Fill: Border: Fill: Border: Fill: Border:
Figure 40
bdg
169, 169, 169 0, 255, 255 0, 128, 128 135, 206, 250 135, 206, 235 178, 34, 34 192, 192, 192 220, 20, 60 49, 53, 58 255, 255, 255 40, 86, 128 192, 192, 192
abi
f
Figure 33
ab i
System Off button (selected) TLP 700 Border: Same as fill Fill: Fill: Full Screen Video and Back buttons TLP 700 Border: White Fill: Border: Freeze button (not selected) TLP 700
gi h
30
Swatch
Hex Code
Use
Button Colors (Continued) 0, 128, 0 192,192,192 255, 255, 0 192,192,192 0, 0, 255 192,192,192 008000 C0C0C0 FFFF00 C0C0C0 0000FF Fill: Border: Fill: Border: Fill: VC Controls button (not selected and selected) TLP 700 VC Controls button (not selected and selected) TLP 700 VC Controls button (not selected and selected) TLP 700
C0C0C0 Border:
Fonts
Font Size Color RGB Code Hex Code Text for: For (an) Example, See...
Arial Bold
36 20 16
Light blue Black White 155, 213, 250 0, 0, 0 255, 255, 255 13, 13, 60 128, 0, 0 0, 100, 00 255, 0, 0 105, 105, 105 255, 255, 255 255, 255, 255 105, 105, 105 155, 213, 250 13, 13, 60 9BD5FA 000000 FFFFFF 0D0D3C 800000 006400 FF0000 696969 FFFFFF FFFFFF 696969 9BD5FA 0D0D3C White 255, 255, 255 FFFFFF
Logo banner TLP 700 Logo banner TLP 350 Display and Window tabs, A/V Sources label, pop-up page headings, text on pop-up pages TLP 700 Text on start page TLP 700 Combined and Individual (selected and not selected) on divisible room start page TLP 700 Labels above or on buttons, A/V Sources labels, below power on button on start page TLP 700 Buttons and Volume on status bar TLP 700 System Off button (selected) TLP 700 Call, Phone Book buttons (not selected) TLP 700 End Call button (not selected) TLP 700 Buttons (selected, except as noted) TLP 700 Button labels (not selected) TLP 700 Text on pages such as Aux TLP 350 Buttons (selected) TLP 350 Text on start page TLP 350 Text above Combined button on status bar for divisible room TLP 700
f
Not shown
abdi f
Not shown
cf ab i b af
Figure 38 Figure 41 Not shown Not shown
14
13
White White
12
10
Dark blue
48 36
Power on symbol on Start page TLP 700 Power on symbol on Start page TLP 350 Button symbols and numbers (not selected) TLP 700 and TLP 350 Button symbols and numbers (not selected) TLP 700 and TLP 350 Buttons (selected) TLP 700 and TLP 350
f
Not shown
bdf ci h
24
NOTE: See the Extron GUI Configurator Fonts section for symbols and keyboard equivalents.
31
Figure 32.
Master Page
Figure 33.
32
Figure 34.
Figure 35.
Dual Display main page: Display 1, Laptop selected, and Laptop pop-up displayed in the dynamic area
33
Figure 36.
Figure 37.
34
TLP 350
35
36
University Theme
Elements
Swatch File Name Use For (an) Example, See...
Elements bkgd_nohead.jpg Background for main and Audio Control pages TLP 700 Background for start, starting up, confirmation, and shutting down pages TLP 700 Background for pop-up pages TLP 700
Figure 46
abe d
Figures 42, 44
Start_blgd.jpg
panel_center.png
ae
b
panel.png_2 Left side panel, a right side panel is in the Resource Library TLP 700 Status bar on main page TLP 700 Volume bar on main page TLP 700
Not shown
Figures 42, 44
ae
c
vortex_jet_nsel.png
Button (not selected) TLP 700 and TLP 350 Start button (not selected) TLP 700 and TLP 350 Start button (selected) TLP 700 and TLP 350 Buttons (selected) TLP 700 and TLP 350
Figure 46
ab c
Start_Button_nsel.png_1
University_120_55_sel.jpg
transport_sel png
Figure 45
be
University_85_drk.png
University_85_grn.png
e
University_85_orng.png
University_85_sel.png
37
Swatch
File Name
Use
Elements (Continued) University_Trnsprt_grn. png University_Trnsprt_red.png systemoff_nsel.jpg Power Down button (not selected) TLP 700 and TLP 350 Cancel button (not selected) TLP 700 and TLP 350 System Off button (not selected) TLP 700 Back and Full Screen Video buttons TLP 700
d
Figure 45 Figure 44 Figures 44, 46
abe b
Back.png
Fonts
Font Size Color RGB Code Hex Code Text for: For (an) Example, See...
Arial Bold
36 20 16
255, 255, 255 255, 255, 255 134, 247, 254 255, 255, 255 255, 195, 0 10, 170, 240 0, 0, 0 255, 255, 255 0, 0, 0 10, 170, 240 0, 255, 0 255, 0, 0 0, 0, 0
FFFFFF FFFFFF 86F7FE FFFFFF FFC300 0AAAF0 000000 FFFFFF 000000 0AAAF0 00FF00 FF0000 000000
Logo banner TLP 700 Full page heading, pop-up page heading, and text on pages such as starting up TLP 700 and Logo banner for TLP 350. Dual display and window tabs TLP 700 Buttons on confirmation page and page names, such as DVD, text on pages, labels near buttons TLP 700 and text on start page TLP 350 Label near buttons and Freeze button TLP 700 Buttons (not selected) TLP 700 and TLP 350 Buttons (selected) TLP 700 and TLP 350 Status bar buttons (not selected) TLP 700 Status bar buttons (selected) TLP 700 Buttons (not selected), VC Controls TLP 700 Call and Phone Book buttons (not selected) TLP 700 End Call (not selected) TLP 700 VC Controls center buttons (selected) TLP 700
c
Figure 48 Figure 44
abd
abd
Figure 42
14
abe
12
11
48
255, 255, 255 0, 0, 0 255, 255, 255 0, 0, 0 255, 195, 0 10, 170, 240 0, 0, 0
Power on button (not selected) TLP 700 Power on button (selected) TLP 700 Power on button (not selected) TLP 350 Power on button (selected) TLP 350 Volume icons TLP 700 Buttons (not selected) TLP 700 and TLP 350 Buttons (selected) TLP 700 and TLP 350
c
Not shown Figure 48 Not shown Figures 42, 44 Figure 42
38 18 24
NOTE:
See the Extron GUI Configurator Fonts section for symbols and keyboard equivalents.
38
Figure 42.
Main page, Tuner selected, and Tuner pop-up displayed in the dynamic area
Figure 43.
39
Figure 44.
Dual Display main page: Display 1, VCR selected, and VCR pop-up displayed in the dynamic area
Figure 45.
40
Figure 46.
Figure 47.
41
TLP 350
42
University Colors
The University Resources Kit provides graphic elements in a variety of colors. The following tables show the options available in each color category.
Blue
Option 1 Option 2 Option 3 Option 4
Panel Center
Start Background
Gray
Option 1 Option 2 Option 3
Panel Center
Start Background
Green
Option 1 Option 2 Option 3
Panel Center
Start Background
43
Orange
Option 1 Option 2 Option 3
Panel Center
Start Background
Red
Option 1 Option 2 Option 3 Option 4 Option 5
Panel Center
Start Background
Tan
Option 1 Option 2 Option 3 Option 4
Panel Center
Start Background
44
Violet
Option 1 Option 2 Option 3
Panel Center
Start Background
Yellow
Option 1 Option 2 Option 3 Option 4
Panel Center
Start Background
Panel Center
Start Background
45
46
Elements vortex_black_bkgd_ nofooter.png vortex_black_dual_bkgd. png vortex-black-start_bkgd. png Background for Audio Controls, VCR, and DVD pages TLP 700 Background for dual display and window display main page TLP 700 Background for starting up, confirmation, and shutting down pages TLP 700 Background for master page TLP 700
Figure 53 Figure 54
cd
af i
Figure 52
vortex_black_bkgd.png
vortex_black_panel_ leftside.png
Left side panel, a similar right side panel is included in the Resource Library TLP 700
Not shown
vortex_black_footer.png
Status bar on the main page TLP 700 Background for dual display and window display, not selected TLP 700 Background for dual, and window display, selected TLP 700 Volume bar on main page TLP 700 Button (not selected) TLP 700 and TLP 350 Button (not selected) TLP 700 and TLP 350 Buttons (selected, except as noted) TLP 700 and TLP 350 Preset Selection button (not selected) TLP 700 Preset Selection button (selected) TLP 700
Figure 52
Figure 52
dg
vortex_black_scrl_nsel.png
Figure 52
Figure 57
47
Swatch
Hex Code
Use
Elements (continued) Black_start_button.png Black_Start_Button_sel. png vortex_trnsprt_grn.png Power on button (not selected) TLP 700 and TLP 350 Power on button (selected) TLP 700 and TLP 350 Power Down button TLP 700 and TLP 350 Not shown
i
Figure 60 Figures 60, 61
f f
Cancel button TLP 700 and TLP 350 Back and Full Screen Video buttons (not selected) TLP 700 Back and Full Screen Video buttons (selected) TLP 700
de
Not shown
g
vortex_fav_grn.png VC Control button (not selected) TLP 700
vortex_fav_orng.png
vortex_fav_vortx_blue_sel. png
Not shown
Figures 52, 54
Fill:
Background for full pages TLP 700 and TLP 350 Rectangle layer 1 and around Audio Control buttons TLP 700 and TLP 350
adfh acf af
Fill: Border:
Figure 55
Fill: Rectangular layer 2 fill TLP 700 Border: Fill: Background for page labels TLP 700
Figure 55
000000
cegh
101010
Figure 59
48
Fonts
Font Size Color RGB Code Hex Code Text for: For (an) Example, See...
Arial Bold
36 20 16
White 255, 255, 255 2, 44, 84 255, 255, 255 2, 44, 84 255, 255, 255 FFFFFF 022C54 FFFFFF 022C54 FFFFFF White 255, 255, 255 FFFFFF
Logo banner TLP 700 and TLP 350 Starting up, shutting down, confirmation pages TLP 700 Dual display and Window tabs TLP 700 Page names, such as Audio Control pop-up pages with text only such as Laptop TLP 700 Buttons (selected, except as noted) TLP 700 and TLP 350 Labels below A/V sources and Volume in status bar TLP 700 System Off, Audio Mute, and Audio Control (selected) in status bar TLP 700 and TLP 350 Buttons on status bar TLP 700 and TLP 350
i
Figure 55 Figure 54
ceg
Figure 52
14
Dark blue
e b
12
Figure 52
11
White
Figure 54
Extron GUI Configurator White 255, 255, 255 2, 44, 84 255, 255, 255 2, 44, 84 255, 255, 255 FFFFFF 022C54 FFFFFF 022C54 FFFFFF Power on button (not selected) TLP 700 and TLP 350 Power on button (selected) TLP 700 and TLP 350 Buttons (not selected) TLP 700 and TLP 350 Buttons (selected) TLP 700 and TLP 350 Volume icons TLP 7000 Not shown
48
Dark blue White
i dg
Figure 52 Figure 54
24
Dark blue
e b
18
NOTE:
White
See the Extron GUI Configurator Font section for symbols and keyboard equivalents.
49
Figure 52.
Main page, Doc Cam selected, and Doc Cam pop-up displayed in the dynamic area
Figure 53.
50
Figure 54.
Dual Display main page: Display 1, an A/V source has not been selected
Figure 55.
Starting up page
51
Figure 56.
Figure 57.
52
TLP 350
53
54
Elements vortex_blue_nofooter_ bkgd.png vortex_blue_start_bkgd.png Background for Audio Control, DVD, and Preset Selections TLP 700 Background for starting up, shutting down, and confirmation pages TLP 700 Background for single display main page TLP 700 Background for dual display and multi window TLP 700
cef
Not shown
vortex-blue.png
b
vortex_blue_dual.png
Figure 66 Figure 64
ag
vortex_blue_panel_leftside. png
Left side panel, a similar right side panel is included in the Resource Library TLP 700
Not shown
vortex_blue_footer.png
Status bar on the main page TLP 700 Background for the Power on button (not selected) TLP 700 and TLP 350 Background for the Power on button (selected) TLP 700 and TLP 350 Source bar, dual, and window display (not selected) TLP 700 Source bar, dual, and window display (selected) TLP 700 Volume bar on main page TLP 700
Figures 64, 66
ag b
Figure 70
Figures 64, 66
ag
vortex_blue_trns_nsel.png
eh
vortex_blue_scrl_nsel.png Buttons (not selected) TLP 700 and TLP 350
55
Swatch
Hex Code
Use
Ref No.
Elements (Continued) vortex_-blue_trns_sel.png Start_Button_nsel.png Start_Button_sel.png Buttons (selected) TLP 700 and TLP 350 Power on button (not selected) TLP 700 and TLP 350 Power on button (selected) TLP 700 and TLP 350 DVD A/V source icon example from TLP 700 and TLP 350 resource library Laptop A/V source icon TLP 700 and TLP 350 Green Power Down button on Confirmation page TLP 700 and TLP 350 Red Cancel button on Confirmation page TLP 700 and TLP 350
vortex_blue_dvd_nsel.jpg
ag a
vortex_blue_laptop_sel.jpg
vortex_trnsprt_grn.png
vortex_trnsprt_red.png
vortex_fav_blu.png
vortex_fav_grn.png
vortex_fav_orng.png
vortex_fav_vortx_blue_sel. png
Not shown
Figures 64, 66
146, 175, 202 28, 70, 108 255, 255, 255 25, 63, 97 50, 88, 122 Button Colors 28, 70, 108 255, 255, 255 126, 177, 222 192, 192, 192
Fill:
Fill:
Label background, and rectangle layer 1, and around Audio Control buttons TLP 700 and TLP 350 Border: White (Audio Control only) Fill: Rectangle layer 2 TLP 700 Border:
cdi
Fill:
Back button (not selected) TLP 700 and TLP 350 Border: White Fill: Border: Buttons (not selected) TLP 700 and TLP 350
c a
56
Fonts
Font Size Color RGB Code Hex Code Text for: For (an) Example, See...
Arial Bold
36 20 16
White Dark green 255, 255, 255 0, 100, 0 28, 70, 108 FFFFFF 006400 1C466C White 255, 255, 255 FFFFFF
Logo banner TLP 700 Text on starting up and shutting down pages TLP 700 and logo banner TLP 350 Page names text only such as Auxiliary TLP 350 Some buttons TLP 700, Power Down and Cancel buttons (not selected) TLP 700 and TLP 350 Power Down and Cancel buttons (selected) Buttons (selected, except as noted) TLP 700 and TLP 350, and text on pages such as Laptop TLP 350 Freeze button (not selected) TLP 700 and TLP 350 Labels under A/V Source icons, labels beneath buttons, and buttons on status bar
Not shown
Figure 70
c a d
Figure 68
14
Blue
Light blue
CDDCEA FFFFFF
Figure 71
h a
12
White
36 24 18 24 NOTE:
Blue 28, 70, 108 1C466C White 255, 255, 255 FFFFFF
Power on symbol Button symbols and numbers (not selected) Volume icons Button symbols and numbers (not selected and selected)
Figure 70
ceg ag aeh
See the Extron GUI Configurator Font section for symbols and keyboard equivalents.
57
Figure 62.
Figure 63.
58
Figure 64.
Dual Display main page: Display 1, Tuner selected, and Tuner pop-up displayed in the dynamic area
Figure 65.
59
Figure 66.
Main page, VC Controls selected, and Video Conference displayed in the dynamic area
Figure 67.
60
TLP 350
61
62
Elements vortex_grn_bkgd_nofooter. jpg Background for full size pages, including main page TLP 700
cde f
Not shown
vortex_grn_panel_leftside. png
Left side panel, a similar right side panel is in the resource library TLP 700
vortex_grn_start_bkgd.png
Background for start page TLP 700 Background for master page, dual, and multi window display TLP 700 A/V Source background for main page, dual, and window display (not selected) TLP 700 A/V Source background for main page, dual, and multi window display (selected) TLP 700 Volume bar on main page TLP 700 Status bar on the main page TLP 700 Power on button (not selected) TLP 700 and TLP 350 Buttons (not selected) TLP 700 and TLP 350 (NOTE: vortex-grn_trns_nsel.png is a small version of vortex_grn_input_nsel.jpg) Tuner buttons TLP 700 Buttons (selected) TLP 700 and TLP 350 (NOTE: vortex-grn_trns_sel.png is a small version of vortex_grn_input_sel.jpg) Freeze button (not selected) TLP 700 and TLP 350
vortex_grn_dual.png
vortex-grn_room_nsel.png
vortex_vol_sel.png vortex_grn_room_sel.png vortex_grn_vol_nsel.png vortex_vol_sel.png vortex_grn_footer.png vortex_grn_start_nsel.png vortex_grn_input_nsel.jpg vortex-grn_trns_nsel.png vortex_trnsprt_grn_lite.jpg vortex_grn_input_sel.jpg vortex-grn_trns_sel.png vortex-grn_scrl_nsel.png
Figure 73
bf b a
Figure 73
cf i
Figure 73
cf f
63
Swatch
Hex Code
Use
Elements (Continued)
Preset Selection button (not selected) TLP 700 Preset Selection button (selected) TLP 700 Blu-ray A/V source icon example TLP 700 Camera A/V source icon selected example TLP 700 Green Power Down button on Confirmation page TLP 700 and TLP 350 Red Cancel button on Confirmation page TLP 700 and TLP 350 VC Control button (not selected) TLP 700
Figure 76
Figure 73
bf
vortex_trnsprt_grn.png
vortex_trnsprt_red.png
vortex_fav_blu.png
vortex_fav_grn.png
vortex_fav_orng.png
vortex_fav_vortx_blue_sel. png
VC Control button (selected) TLP 700 System Off button on Master page TLP 700
Not shown
h
vortex_footer_red.png Background Colors 100, 136, 141 28, 45, 48 64888D 1C2D30 1C2D30 FFFFFF 19292B 324244
f bcf g dh c h
Fill:
Fill: Label background fill TLP 700 Border: None Fill: Rectangle layer 1 and around Audio Control buttons TLP 700 and TLP 350 Border: White Fill: Rectangular layer 2 TLP 700 Border:
64
Fonts
Font Size Color RGB Code Hex Code Text for: For (an) Example, See...
Arial Bold
36 20 16
28, 45, 48 255, 255, 255 255, 255, 255 255, 255, 255 0, 0, 0 28, 45, 48 255, 255, 255 255, 255, 255
Logo banner TLP 700 Confirmation, starting up, and shutting down text TLP700 and Logo banner TLP 300 Dual Display 1 and 2 and Window 1 and 2 tabs Buttons (not selected, except as noted) and labels Freeze button Buttons (selected, except as noted) Status bar buttons A/V icons, status bar text
a h b
Figure 72 Figure 78
bef f
14
fi
Figure 73
12 11
White White
bf
Extron GUI Configurator White 255, 255, 255 28, 45, 48 255, 255, 255 255, 255, 255 FFFFFF 1C2D30 FFFFFF FFFFFF Power on symbol (not selected) Power on symbol (selected) Button symbols Volume icons on status bar
48
Dark green
a
Figure 81
28 18
NOTE:
White White
ab bf
See the Extron GUI Configurator Fonts section for symbols and keyboard equivalents.
65
Figure 72.
Figure 73.
Main page, Doc Cam selected, Doc Cam pop-up displayed in the dynamic area, and Normal button selected
66
Figure 74.
Figure 75.
67
Figure 76.
Figure 77.
Confirmation page
68
TLP 350
69
70
Description
Description
Description
Description
Description
Characters
Characters
Characters
Characters
Characters
a b c d e f g h i j k
NOTE:
a b c d e f g h i j k
Rewind Fast Forward Previous Next Step Back Step Forward Eject Scroll Up Scroll Down Scroll Left Scroll Right
l m n o p q r s t u v
l m n o p q r s t u v
Power Audio Close Open Volume Down Volume Up Jump to Start Jump to End Pause Wall Plate Arrow Right
w x y z F G U ` ! @ #
w x y z F G U ` ! @ #
Arrow Left Arrow Up Arrow Down Return Security Cam Volume Off Microphone Server (back quote) Laptop Stop Pound
% & * ( ) } ^ + | ] $
% & * ( ) } ^ + | ] $
Aux PC Star Reject OK Doc Cam Lectern Plus Step DVD VCR DVD
: ; < > ? , . / u
: ; < > ? , . /
Minus Video Conf Audio Back Play Record Tuner (comma) Audio Conf (period) Blu-ray VCR (single quote)
1 2 3 4 5 6 7 8 9 0
Numbers
1 2 3 4 5 6 7 8 9 0 71
Symbol
Symbol
Symbol
Symbol
Use only lowercase letters. Three exceptions are: Uppercase F (F, Security Cam) Uppercase G (G, Volume Off) Uppercase U (U, Microphone)
Symbol
Notes:
72
73
Extron Europe
+800.3987.6673 Inside Europe Only +31.33.453.4040 +31.33.453.4050 FAX
Extron Asia
+800.7339.8766 Inside Asia Only +65.6383.4400 +65.6383.4664 FAX
Extron Japan
+81.3.3511.7655 +81.3.3511.7656 FAX
Extron China
+400.883.1568 Inside China Only +86.21.3760.1568 +86.21.3760.1566 FAX