Pattern pages:
Fall Pattern Updates (this page) — updates to current patterns
New Fall Patterns — new patterns for Blue Horizons campaign
Blue Horizons Full Page Template — new full page template
Blue Horizons Full Page pattern #2 — new full page template
Full Page Homepage Template — update to current full page pattern
Discontinued patterns — Patterns we would like to discontinue
Fall Pattern Updates
Title: UM Single Blue Accent Info Box
CSS Class: um-UMSingleBlueAccentInfoBox
Category: Info Boxes
Reason for Change: Changing border radius of button, Font type, size, height, case, changing font of header and text, background color
Heading Text
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris justo justo, luctus eget tortor ac, varius fringilla lorem. Praesent vel accumsan lacus.
Title: UM Blue Info Box Single
CSS Class: um-UMBlueInfoBoxSingle
Category: Info Boxes
Reason for Change: Changing border radius of button, Font type, size, height, case, width, changing font of header and text, background color
Heading Text
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris justo justo, luctus eget tortor ac, varius fringilla lorem. Praesent vel accumsan lacus.
Title: UM Blue Info Box Pair
CSS Class: um-UMBlueInfoBoxPair
Category: Info Boxes
Reason for Change: Changing border radius of button, Font type, size, height, case, changing font of header and text, background color
Heading Text
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris justo justo, luctus eget tortor ac, varius fringilla lorem. Praesent vel accumsan lacus.
Heading Text
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris justo justo, luctus eget tortor ac, varius fringilla lorem. Praesent vel accumsan lacus.
Title: UM Small News Display
CSS Class: um-UMNewsDisplaySmall
Category: News and Calendar
Reason for Change: Changing header font to Blue Horizons style, header text color
UMaine News
Will show news feed from UMaine News. To adjust to show news from your specific site, contact our office um.weboffice@maine.edu. Will display 4 posts with small images. (Remove text before publishing)
Title: UM List News Display
CSS Class: um-UMNewsDisplayList
Category: News and Calendar
Reason for Change: Changing header font to Blue Horizons style, header text color
Will show news feed from UMaine News. To adjust to show news from your specific site, contact our office um.weboffice@maine.edu. Will display list with no images (Remove text before publishing)
UMaine News
Title: UM 6 News Display
CSS Class: um-UMNewsDisplay6
Category: News and Calendar
Reason for Change: Changing header font to Blue Horizons style, header text color
UMaine News
Will show news feed from UMaine News. To adjust to show news from your specific site, contact our office um.weboffice@maine.edu. Will display 6 posts with medium images (Remove text before publishing)
Title: UM 4 News Display
CSS Class: um-UMNewsDisplay4
Category: News and Calendar
Reason for Change: Changing header font to Blue Horizons style, header text color
UMaine News
Will show news feed from UMaine News. To adjust to show news from your specific site, contact our office um.weboffice@maine.edu. Will display 4 posts with large images (Remove text before publishing)
Title: UM Academic Calendar Events Display
CSS Class: um-UMPeopleSingle
Category: People
Reason for Change: Changing to Blue Horizons style, fixes linking problem with previous people pattern, header text color
Academic Calendar
Will show news feed from UMaine Calendar. To adjust to show events from your specific site, contact our office um.weboffice@maine.edu. Will display list with no images. (Remove text before publishing)
Title: UM Accent Accordion
CSS Class: um-UMAccentAccordion
Category: Accordions
Reason for Change: Changing to Blue Horizons text, added to row layout, changed color
Title: UM Accent Blue Accordion
CSS Class: um-UMAccentBlueAccordion
Category: Accordion
Reason for Change: Changing to Blue Horizons text, added to row layout, changed color
Title: UM Blue Accordion
CSS Class: um-UMBlueAccordion
Category: Accordions
Reason for Change: Changing to Blue Horizons text, added to row layout, changed color
Title: UM Gray Blue Accordion
CSS Class: um-UMGrayBlueAccordion
Category: Accordion
Reason for Change: Changing to Blue Horizons text, added to row layout
Title: UM Dark Count Up
CSS Class: um-UMDarkCountup
Category: Count Ups
Reason for Change: Changing to Blue Horizons Text, changed color
Text
Text
Text
Title: UM Light Count Up
CSS Class: um-UMLightCountup
Category: Count ups
Reason for Change: Changing to Blue Horizons style, fixes linking problem with previous people pattern, changed color
Internships
Internships
Internships
Title: UM Full Page Homepage Template
CSS Class: um-UMFullHomepageTemplate
Category: Full Page Templates
Reason for Change: Changing to Blue Horizons text style, etc
Website Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Explore [Department/College Name]
Why Join [School/Department name]
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
[Statistic about college/department]
[Statistic about college/department]
[Statistic about college/department]
UMaine News
Will show news feed from UMaine News. To adjust to show news from your specific site, contact our office um.weboffice@maine.edu. Will display 4 posts with large images (Remove text before publishing)
Academic Calendar
Will show news feed from UMaine Calendar. To adjust to show events from your specific site, contact our office um.weboffice@maine.edu. Will display list with no images. (Remove text before publishing)
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Title: UM Single Blue Accent Icon
CSS Class: um-UMSingleBlueAccentIcon
Category: Icons
Reason for Change: Changing to Blue Horizons text style, added to row layout, changed color
Title
Title: Um Blue Icon Single
CSS Class: um-UMBlueIconSingle
Category: Icons
Reason for Change: Changing to Blue Horizons text style, changed color
Title
Title: UM Blue Icon Set
CSS Class: um-UMBlueIconSet
Category: Icons
Reason for Change: Changing to Blue Horizons text style, changed color
Title
Title
Title
Title: UM Blue Accent Icon Set
CSS Class: um-UMBlueAccentIconSet
Category: Icons
Reason for Change: Changing to Blue Horizons text style, changed color
Title
Title
Title
Title: UM Tabs – Blue
CSS Class: um-UMTabsBlue
Category: Tabs
Reason for Change: Changing to Blue Horizons text style, added to row layout, changed color
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ut ante vel tortor scelerisque blandit quis porta justo. Aliquam ligula leo, faucibus at dui id, faucibus mollis dolor. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum accumsan scelerisque ex ut suscipit. Praesent gravida laoreet lectus, vitae ullamcorper lacus consequat quis. Nam commodo finibus molestie. Suspendisse facilisis ipsum vel odio hendrerit ullamcorper. Pellentesque congue ex dolor, maximus iaculis dolor ornare vestibulum. Donec ac lacinia odio, sed tincidunt lacus. Aenean dolor libero, fringilla non nisi non, tempus accumsan nibh. Ut facilisis feugiat erat at sollicitudin. Sed nisi arcu, semper in auctor et, fermentum eget sem. Duis mollis arcu at nulla suscipit iaculis. Cras orci felis, varius eu pulvinar non, congue id mi. In cursus maximus lobortis. Praesent id eleifend sem.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ut ante vel tortor scelerisque blandit quis porta justo. Aliquam ligula leo, faucibus at dui id, faucibus mollis dolor. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum accumsan scelerisque ex ut suscipit. Praesent gravida laoreet lectus, vitae ullamcorper lacus consequat quis. Nam commodo finibus molestie. Suspendisse facilisis ipsum vel odio hendrerit ullamcorper. Pellentesque congue ex dolor, maximus iaculis dolor ornare vestibulum. Donec ac lacinia odio, sed tincidunt lacus. Aenean dolor libero, fringilla non nisi non, tempus accumsan nibh. Ut facilisis feugiat erat at sollicitudin. Sed nisi arcu, semper in auctor et, fermentum eget sem. Duis mollis arcu at nulla suscipit iaculis. Cras orci felis, varius eu pulvinar non, congue id mi. In cursus maximus lobortis. Praesent id eleifend sem.
Title: UM Major Page
CSS Class: um-MajorPagePattern-HeaderImg
Category: Full Page Template
Reason for Change: Changing to Blue Horizons style, puts all the patterns in the individual row layouts into one row layout, changed color
Major Name
College/Department Name
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Praesent tristique magna sit amet. Facilisi etiam dignissim diam quis enim lobortis scelerisque. Risus viverra adipiscing at in tellus integer feugiat. Sodales ut eu sem integer vitae. Tincidunt lobortis feugiat vivamus at augue eget arcu dictum varius. Euismod nisi porta lorem mollis. Aliquet enim tortor at auctor urna nunc id cursus. Odio facilisis mauris sit amet. Id ornare arcu odio ut sem nulla. Tristique risus nec feugiat in fermentum posuere urna nec tincidunt. Diam vel quam elementum pulvinar etiam.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Name
Title
Address
Phone Number | Email
Program
College/Department
Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.