The footer is separated in three different sections. FontAwesome 4 is used elsewhere unless programmatically altered by an administrator (Upon request).Ī page element that displays copyright, social media links, and other useful frequently used links. Currently, Fontawesome 5 is the default for the new template. Image representations of commonly used symbols, company logos, or other icons. Overtop the image is a title (on the left) followed by a vertical bar and a description or preview of the content (on the right) Depending on the background the text may be white or dark gray (#4c4c4c) This element contains a background of a color photograph with a colored overlay. Tint is initially set up by the College of Engineering Communications Team.Ī page element to emphasize a program, event, feature article, etc.Īnywhere where an emphasis of a program, event, feature article, etc. Tint is an external application that pulls social media based on a variety of factors. Usually displayed in conjunction with the News Blocks Element.Ī five across, two high grid of square boxes that are from various social medias. On the front page, the location is directly under the Proof points and directly above the News section. Tints have a wide variety of possible locations. In mobile view, it becomes one column.Ī page element that displays posts from different (pre-specified) Social Media platforms. In tablet size, the grid changes to two columns. If the top is a video, the video becomes a playable embed and the bottom text becomes a link. If there is an Image topping the element, the whole element (Image, Gray Block, and Text) links to the news article. When hovered over, the background color of the rectangle block changes to gold (#c28e0e) with the text changing to white (#fff). Usually displayed in conjunction with the Tint Page Element.Īn image or video placed above a light gray (#EEEEEE) rectangle block that contains the news item’s title in dark gray (#333) text. Along bottom half of the image is 3-7 audience links that point to various items within the site.Ī page element that displays News Items in increments of 3.Ĭan be used in a variety of places, most common usage on the news page and the front page. Possible proof point or emphasis rectangular vertical box. Black to transparent gradient overlay on the bottom of the image.
#Purdue marketing toolkit full
The Purdue Co-Brand Image should be linked to the main page of the College/School/Program represented.Ī page element that presents a large image with the possible addition of overlaid audience linksĪt the top of the page under the Navigation and header.įull screen width image but NOT full screen height. The Header is located directly below the main navigation bar at the top of the pageĪ white background with small diagonal stripes in a light gray, overlaid with the vertically centered Purdue approved Co-Branding Logo for the College/School/Program represented on the webpage. All top level links should point internally to the College.Ī page element that presents the co-brand of Purdue University and the College/School/Program, using Purdue branding elements Optimally, Navigation should contain between three (3) and seven (7) main links (not including the “Purdue” or social links). All other items (Purdue Link, Mega Menu, social media icons) will be under the hamburger menu. On mobile, the design will shorten to a hamburger menu and search icon. On Other Pages: A link to the Engr homepage followed by a dividing white vertical line, the Acronym of the local site (example: AAE) and the local links for that site (Middle). On ENGR: All College Level Links (middle) Included in the bar is a link back to the university (left) separated by a white vertical line, local social media and search Font Awesome icons (right) The Navigation remains at the very top of the page both in mobile and desktop screen resolutions.Ī gold bar (#C28E0E) with white links that, when hovered over, turns the background a darker gold (#98700D). A page element that displays the mega menu for Purdue Engineering.
0 kommentar(er)
