Web Design System
Hero Overlay Text
White Background, Visual Editor, Column Type: Wide
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Preformatted Text
Paragraph Text | Paragraph Text (Bold) | Paragraph Text (Italic)
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.
White Background, Visual Editor, Column Type: Slim
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.
White Background, Visual Editor, Column Type: Wide
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Preformatted Text
Paragraph Text | Paragraph Text (Bold) | Paragraph Text (Italic)
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.
White Background, Visual Editor, Column Type: Slim
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.
Accordion
For: multiple bits of content. Same text options as Visual Editor.
Same heading options
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Note: Must add text above quote
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
- List Item
- List Item
- List Item
- List Item
- List Item
- List Item
- List Item
- List Item
- List Item
- List Item
- List Item
- List Item
October 28, 2019; Fallen leaves decorate the lawn of the Main Quad with the Golden Dome in the background. (Photo by Barbara Johnston/University of Notre Dame)
Heading
These don’t work great but can be used. Must add enough text to show full image.
Standard Tabs
Good for comparing 2-3 bits of content. 4 may be used if Headings are very short. Headings should have similar number of characters (i.e. Year 1, Year 2) to ensure consistent tab width.
Becomes Accordion on Mobile
Same heading options
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
- List Item
- List Item
- List Item
- List Item
- List Item
- List Item
- List Item
- List Item
- List Item
- List Item
- List Item
- List Item
October 28, 2019; Fallen leaves decorate the lawn of the Main Quad with the Golden Dome in the background. (Photo by Barbara Johnston/University of Notre Dame)
Heading
These don’t work great but can be used. Must add enough text to show full image.
Tabbed Grid
Great for comparing/displaying 4 small bits of content. Blue and Gold options available. Used for: rankings, timelines
Column Heading (no more than 4)
Subheading
Column Heading
Subheading
Column Heading
Subheading
Column Heading
Subheading
Column Heading
Column Heading
Column Heading
Column Heading
Column Heading
Column Heading
Column Heading
Column Heading
Column Heading
Column Heading
Column Heading
Column Heading
Column Heading (no more than 4)
Subheading
Column Heading
Subheading
Column Heading
Subheading
Column Heading
Subheading
Column Heading
Column Heading
Column Heading
Column Heading
Column Heading
Column Heading
Column Heading
Column Heading
Column Heading
Column Heading
Column Heading
Column Heading
Tabbed Programs
Pulls in standardized information from each program selected. Can add as many programs to each tab as needed. No more than 4 tabs (5 if very short heading).
Heading
Acquire the ability to analyze, communicate and forecast the economic activity of a business.
Learn More
An accounting master’s with tracks in Assurance and Advisory Services and Tax Services that will prepare you for the CPA exam, a successful career and even more.
- Average age: 23 years
- Program duration: 10 months
Our mission
To advance accountancy through programs and research that provide outstanding education for students, create and disseminate knowledge, promote the understanding and ethical practice of accountancy, and serve the community.
Learn More Our mission
To advance accountancy through programs and research that provide outstanding education for students, create and disseminate knowledge, promote the understanding and ethical practice of accountancy, and serve the community.
Learn More Our mission
To advance accountancy through programs and research that provide outstanding education for students, create and disseminate knowledge, promote the understanding and ethical practice of accountancy, and serve the community.
Learn More
In addition to the business analytics core, this concentration is designed to focus on sports analytics with courses on acquiring sports data, analytic techniques for athletic performance, as well as on both front-office and athlete-focused marketing concerns.
- Average work experience: Less than 2 years
- Program duration: 12 months
Our mission
To advance accountancy through programs and research that provide outstanding education for students, create and disseminate knowledge, promote the understanding and ethical practice of accountancy, and serve the community.
Learn More Acquire the ability to analyze, communicate and forecast the economic activity of a business.
Learn More
A Chicago-based MBA for working professionals. The in-person program will challenge you to be the best for your organization and the world, and help take your career to new heights.
- Average age: 35 years
- Average work experience: 12 years
- Program duration: 22 months
A Chicago-based MBA for working professionals. The in-person program will challenge you to be the best for your organization and the world, and help take your career to new heights.
Average age: 35 years
Average work experience: 12 years
Program duration: Two Years
This program for experienced working professionals in the non-profit sector will take your servant heart and provide you with the business skills to boost the impact you are making on the world.
- Minimum non-profit experience: 2 years
- Program duration: 14-60 months
Topic Grid
Adds topic based on tags in News section. Tags cannot be customized. Using this module will pull in all tags.
Heading
Intro Text: 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.
May 10, 2022; Dome in spring, 2022 (Photo by Matt Cashore/University of Notre Dame)
Block Quote Full
Quote with Image as a background. Select “Double Quote” to add quote graphic above quote (for example, when using an image with a solid overlay)
"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."
Block Quote Small
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.Source Name, Source Title
Features
Text must be shorter then length of photo. Use either url for video or link to other content. Configurations: Blue/Orange, Left/Right
Teaser Text: 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.
Link
Teaser Text: 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.
Link TextOutline Sliders
Up to 4 on a single line. No more than 123 characters. No more than 100 characters for description if using header on separate line
Heading Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
Heading Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
Heading Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et