Project:Global Asset Management
Client:UBS
Date:31-Jul-2007
Version:1.0
Graphics By:Megan Gibbons & Rich Wood
Scripts By:John Palmisano & Peter Conrad
Prototype By:John Palmisano
HTML Screens
Account Details
No description available at this time.
Account Details 2
No description available at this time.
Search Account Structures Template
No description available at this time.
Client Details
No description available at this time.
Node Details
No description available at this time.
Node Details (Expanded)
No description available at this time.
Account Selector
No description available at this time.
Error Screens
Error Example 1
General Error message & individual errors on Node Details 2 screen.
Error Example 2
Individual errors on Node Details 1 screen.
Browser Dimension Tests
#1
Shows what content will be displayed under widths of 640, 800, 1024, & 1280. The red line is what will fit in the browser (IE) when maximized when a vertical (right side) scrollbar is displayed. the grey line shows the same scenario when the scrollbar is not displayed.
#2
Shows what will fit into a 1024 x 768 browser (IE) window.
#3 (Combined)
Comination of the above two tests.
Screen Details
 - color   - font   - image
Description Hex R G B
1
Main navigation (selected) #114677 17 70 119
2
Main navigation spacer (selected tab) #7d97b0 125 151 176
3
Main navigation (non-selected tabs) #eff2f5 239 242 245
4
Main navigation spacer #f8f9fa 248 249 250
5
Sub navigation spacer (selected tab) #f7f9fb 247 249 251
6
Sub navigation background #d7e0e9 215 224 233
7
Portal link (class: portal_link_red; 11px Verdana) #ed1b24 237 27 36
8
Utility links & dividers (class: portal_link_blue; 11px Verdana) #1c4977 28 73 119
9
Welcome text & date/time (class: userlogininfo; 13px Verdana) #cccccc 204 204 204
10
Workflow numbers: Green (class: green; 11px Verdana bold) #006600 0 102 0
Workflow numbers: Amber (class: amber; 11px Verdana bold) #ebab00 235 117 0
Workflow numbers: Red (class: red; 11px Verdana bold) #ff0000 255 0 0
11
Page text (11px Verdana) #1c4977 28 73 119
12
Scrollbars: scrollbar-base-color #bccddd 188 205 221
Scrollbars: scrollbar-arrow-color #1c4977 28 73 119
Scrollbars: scrollbar-3dlight-color #ffffff 255 255 255
Scrollbars: scrollbar-highlight-color #1c4977 28 73 119
Scrollbars: scrollbar-face-color #bccddd 188 205 221
Scrollbars: scrollbar-shadow-color #006699 0 102 153
Scrollbars: scrollbar-darkshadow-color #e2ebf2 226 235 242
Scrollbars: scrollbar-track-color #eff3f6 239 243 246
13
Headers (class: H1; 13px Verdana bold) #1c4977 28 73 119
14
Links (13px Verdana) #1c4977 28 73 119
Links: visited #1c4977 28 73 119
Links: active #ff0000 255 0 0
Links: hover #1c4977 28 73 119
15
Column headers #eff3f6 239 243 246
16
Content rows (main) #f8f9fb 248 249 251
17
Content rows (details) #ffffff 255 255 255
17
Status images (circle_green.gif, circle_amber.gif, circle_red.gif)
(oops...used 17 twice!)
n/a - - -
18
Table borders #abbbcc 171 187 204
19
Table borders #e2ebf2 226 235 242
20
UBS logo (logo_ubs_globalassetmanagem.gif) n/a - - -
21
Sub utility link icons (icon_templates.gif, icon_history.gif, icon_audit.gif) n/a - - -
22
Account icons (icon_lock.gif, icon_drafts.gif, icon_notes.gif) n/a - - -
23
Expand/collapse icons (expand.gif, collapse.gif) n/a - - -
Scripts
Script Type Description
unittest.js JavaScript Used on Account Details screen; shows/hides attributes.
builder.js JavaScript Used on Account Details screen; shows/hides attributes.
controls.js JavaScript Used on Account Details screen; shows/hides attributes.
dragdrop.js JavaScript Used on Account Details screen; shows/hides attributes.
effects.js JavaScript Used on Account Details screen; shows/hides attributes.
slider.js JavaScript Used on Account Details screen; shows/hides attributes.
prototype.js JavaScript Used on Account Details screen; shows/hides attributes.
scriptaculous.js JavaScript Used on Account Details screen; shows/hides attributes.
UBS_MAD.js JavaScript Used on Account Details screen; shows/hides attributes.
prototype.js JavaScript Used on Node Details screen; shows/hides columns.
scriptaculous.js JavaScript Used on Node Details screen; shows/hides columns.
UBS_ND.js JavaScript Used on Node Details screen; shows/hides columns.