rotman school of management - rotman school of ... · web viewdesign style guide february 2012 what...
TRANSCRIPT
![Page 1: Rotman School of Management - Rotman School of ... · Web viewDesign Style Guide February 2012 What is this Document? This document is a reference to the PSDS used to create the Rotman](https://reader033.vdocuments.net/reader033/viewer/2022042118/5e96630175c54f224147499c/html5/thumbnails/1.jpg)
Design Style Guide February 2012
What is this Document?This document is a reference to the PSDS used to create the Rotman website.The Rotman School has set out to redesign business education for the 21st century and become one of the world's top-tier business schools. Located in the heart of Toronto -- North America's third-largest financial centre and one of the world's most culturally-diverse cities -- the School is developing an innovative curriculum built around Integrative Thinking™ and Business Design™. The School’s MBA program is now ranked in the top 15 in North America by the Financial Times. These are just some of the reasons why Bruce Nussbaum recently wrote in BusinessWeek Online, "Managers who want to 'get' the new innovation paradigm should check out [Rotman's] MBA and exec-ed programs."
![Page 2: Rotman School of Management - Rotman School of ... · Web viewDesign Style Guide February 2012 What is this Document? This document is a reference to the PSDS used to create the Rotman](https://reader033.vdocuments.net/reader033/viewer/2022042118/5e96630175c54f224147499c/html5/thumbnails/2.jpg)
Homepage - Homepage Banner
Size – 1285 x 1300 pxResolution – 72 dpiFile type - .png, .jpeg, .gif
![Page 3: Rotman School of Management - Rotman School of ... · Web viewDesign Style Guide February 2012 What is this Document? This document is a reference to the PSDS used to create the Rotman](https://reader033.vdocuments.net/reader033/viewer/2022042118/5e96630175c54f224147499c/html5/thumbnails/3.jpg)
Subpage(s) - Subpage Banner
Size – 1285 x 277 pxResolution – 72 dpiFile type - .png, .jpeg, .gif*note: leave 62 pixels of negative space at the top and 48 pixels at the bottom of the image to allow for the blue bar and the overlapping of the content area
![Page 4: Rotman School of Management - Rotman School of ... · Web viewDesign Style Guide February 2012 What is this Document? This document is a reference to the PSDS used to create the Rotman](https://reader033.vdocuments.net/reader033/viewer/2022042118/5e96630175c54f224147499c/html5/thumbnails/4.jpg)
Subpage(s) - Light Box Banner
Size – 939 x 210 pxResolution – 72 dpiFile type - .png, .jpeg, .gif
![Page 5: Rotman School of Management - Rotman School of ... · Web viewDesign Style Guide February 2012 What is this Document? This document is a reference to the PSDS used to create the Rotman](https://reader033.vdocuments.net/reader033/viewer/2022042118/5e96630175c54f224147499c/html5/thumbnails/5.jpg)
Subpage(s) - Callout
Size – 320 x 160 pxResolution – 72 dpiFile type - .png, .jpeg, .gif*note: leave 56 pixels of negative space at the bottom of the image to allow for the black bar
![Page 6: Rotman School of Management - Rotman School of ... · Web viewDesign Style Guide February 2012 What is this Document? This document is a reference to the PSDS used to create the Rotman](https://reader033.vdocuments.net/reader033/viewer/2022042118/5e96630175c54f224147499c/html5/thumbnails/6.jpg)
Subpage(s) - Small Callout
Size – 190 x 110 pxResolution – 72 dpiFile type - .png, .jpeg, .gif
![Page 7: Rotman School of Management - Rotman School of ... · Web viewDesign Style Guide February 2012 What is this Document? This document is a reference to the PSDS used to create the Rotman](https://reader033.vdocuments.net/reader033/viewer/2022042118/5e96630175c54f224147499c/html5/thumbnails/7.jpg)
Subpage(s) - Bio Headshot - Small, Medium, Large
Size – 200 x 200 pxResolution – 72 dpiFile type - .png, .jpeg, .gif
Smaller sizes are automatically generated by Sitecore
![Page 8: Rotman School of Management - Rotman School of ... · Web viewDesign Style Guide February 2012 What is this Document? This document is a reference to the PSDS used to create the Rotman](https://reader033.vdocuments.net/reader033/viewer/2022042118/5e96630175c54f224147499c/html5/thumbnails/8.jpg)
Subpage(s) - Thumbnail
Size – 165 x 80 pxResolution – 72 dpiFile type - .png, .jpeg, .gif
![Page 9: Rotman School of Management - Rotman School of ... · Web viewDesign Style Guide February 2012 What is this Document? This document is a reference to the PSDS used to create the Rotman](https://reader033.vdocuments.net/reader033/viewer/2022042118/5e96630175c54f224147499c/html5/thumbnails/9.jpg)
Subpage(s) - Institute Header
Size – 670 x 215 pxResolution – 72 dpiFile type - .png, .jpeg, .gif
![Page 10: Rotman School of Management - Rotman School of ... · Web viewDesign Style Guide February 2012 What is this Document? This document is a reference to the PSDS used to create the Rotman](https://reader033.vdocuments.net/reader033/viewer/2022042118/5e96630175c54f224147499c/html5/thumbnails/10.jpg)
Image Sizes at a Glance
Subpage Banner: 1285 x 277 pixelsLight Box Banner: 939 x 210 pixelsCallout: 320 x 160 pixelsSmall Callout: 190 x 110 pixelsFaculty Headshots: 200 x 200 pixelsThumbnails: 165 x 80 pixelsInstitute Headers: 670 x 215 pixelsIcons: 46 x 46 pixels
![Page 11: Rotman School of Management - Rotman School of ... · Web viewDesign Style Guide February 2012 What is this Document? This document is a reference to the PSDS used to create the Rotman](https://reader033.vdocuments.net/reader033/viewer/2022042118/5e96630175c54f224147499c/html5/thumbnails/11.jpg)
Rotman Primary & Secondary Colour Palette – RGB & HEX
Primary Palette
Rotman Blue RGB – 0, 73, 144 HEX - # 004990
Rotman Gold RGB – 206, 157, 0 HEX - #CE9D00
Rotman Grey RBG – 124, 152, 174 HEX - #7C98AE
Secondary Palette
Rotman Blue 30% RGB – 165, 176, 211 HEX - # A5B0D3
Rubine Red RBG – 211, 0, 95 HEX - #D3005F
Rotman Orange RGB – 225, 115, 0 HEX - #E17300
Rotman Yellow RGB – 22, 224, 0 HEX - #FCE000
Rotman Green RGB – 98, 189, 25 HEX - #62BD19
Rotman Sky Blue RGB – 0, 194, 226 HEX - #00C2E2
![Page 12: Rotman School of Management - Rotman School of ... · Web viewDesign Style Guide February 2012 What is this Document? This document is a reference to the PSDS used to create the Rotman](https://reader033.vdocuments.net/reader033/viewer/2022042118/5e96630175c54f224147499c/html5/thumbnails/12.jpg)
File Naming Convention
![Page 13: Rotman School of Management - Rotman School of ... · Web viewDesign Style Guide February 2012 What is this Document? This document is a reference to the PSDS used to create the Rotman](https://reader033.vdocuments.net/reader033/viewer/2022042118/5e96630175c54f224147499c/html5/thumbnails/13.jpg)
Website Sizing
980 px
261 px
719 px48 px
62 px