Jump to HeaderJump to Main ContentJump to Footer
Michigan State University
Michigan State University
Digital Experience Studio

University Communications and Marketing

Digital Experience Studio

  • Experience Program
    • Website Project Process
    • Working with a Vendor
    • Glossary
    • Taxonomy Data Dictionary
  • |
  • Experience Design
    • Website Strategy
    • Website Structure
    • Information Architecture and Navigation
    • User-Centered Design Conventions
    • Common UX Issues
    • Enterprise Design System
    • Content Planning
    • Creating Accessible Content
    • Taxonomy and Filters
  • |
  • Website Technology
    • Web Standards
    • Search Engine Optimization
    • Cascade CMS
    • Sitecore CMS
    • Content Hub Overview
    • Content Hub DAM
    • Content Hub Operations

    SitecoreAI

    Sitecore user login
  • |
  • Social Media
    • Alt Text Bookmarklet
    • Meta Ad Pixel
    • Social Media and Web Integration
    • Sprinklr

    Sprinklr

    Sprinklr user login
  • |
  • Analytics
    • Google Analytics (GA4)
    • Testing
    • Data Visualization

    Google Analytics

    Google Analytics user login
  • |
  • News and Events
    • News and Updates
    • Events and Trainings
Digital Experience Studio

University Communications and Marketing

  • Experience Program
  • Experience Design
  • Website Technology
  • Social Media
  • Analytics
  • News and Events

< Experience Program

  • Website Project Process
  • Working with a Vendor
  • Glossary
  • Taxonomy Data Dictionary

< Experience Design

  • Website Strategy
  • Website Structure
  • Information Architecture and Navigation
  • User-Centered Design Conventions
  • Common UX Issues
  • Enterprise Design System
  • Content Planning
  • Creating Accessible Content
  • Taxonomy and Filters

< Website Technology

  • Web Standards
  • Search Engine Optimization
  • Cascade CMS
  • Sitecore CMS
  • Content Hub Overview
  • Content Hub DAM
  • Content Hub Operations

SitecoreAI

Sitecore user login

< Social Media

  • Alt Text Bookmarklet
  • Meta Ad Pixel
  • Social Media and Web Integration
  • Sprinklr

Sprinklr

Sprinklr user login

< Analytics

  • Google Analytics (GA4)
  • Testing
  • Data Visualization

Google Analytics

Google Analytics user login

< News and Events

  • News and Updates
  • Events and Trainings
Digital Experience Studio > Website Technology > Sitecore CMS > Sitecore User Guide >

Page Layouts

Michigan State University

MSU Tools and Resources

  • A to Z Index
  • Find People
  • Email
  • Tech Support
  • Social Media Directory

Communications Resources

  • University Communications and Marketing
  • University Trademarks and Licensing
  • MSU Brand Studio
  • MSU Editorial Style Guide
  • MSU Photos

Contact us

517-355-7505

Address

Michigan State University 408 West Circle Drive East Lansing, MI 48824

Follow Us

  • Visit our Facebook page
  • Visit our page on X
  • Visit our Instagram page
  • Visit our LinkedIn page
  • Visit our YouTube page
  • Visit our TikTok page

If you're having accessibility issues, please let us know.

Know MoreTransparency Reporting: Budget & Salary/Compensation
Michigan State University
  • Contact Information|
  • Site Map|
  • Privacy Statement|
  • Site Accessibility|
  • Call MSU: (517) 355-1855|
  • Visit: msu.edu|
  • Notice of Nondiscrimination|

SPARTANS WILL|© Michigan State University|

Page Layouts

Selecting a Page Layout

When adding a page, users are prompted to select a page layout. This is the starting set of components and structural elements on the webpage. Read below for additional details on the available page layouts.

Page

Use this for a basic content page. The default main content section is full width to the page. Components and containers can be added to add structure and content to the page. 

Page Structural Elements

In Page Builder, users can add structure to a webpage using Page Structure elements and components.

Row and Column Splitters

Users can add a row splitter or column splitter to a content area. This manually creates grid cells in the content area. Users can then add content components to these cells.

Best Practice: Use Row and Column Splitters inside of other components (e.g., Accordion tab) but not on a page's main body area. Using a splitter within the main body of a page can cause issues with responsive design and the order of content appearance on mobile devices.

To use: Click the + icon in a content area and select Column Splitter or Row Splitter under the Page Structure menu in the Components panel or drag a splitter from the Component menu in the left pane into an available content area. 

Tip: Row and Column Splitter components can be added to Tabs, Side Tabs and Accordion components to create more robust layouts.

Two-Thirds Sublayout

Use this component to add a two-column layout to a section of a webpage. 

View documentation
A screenshot of a grid component featuring a mix of facts, images and videos

Grid Container

Use the Grid Container component to add a grid to a webpage. The cells in the grid can contain various content components. There are several grid variants available.

View documentation

Image Fact Grid

Use an Image Fact Grid component to showcase text and number-based pride points on an image background.

View documentation

Text Fact Grid

Use a Text Fact Grid to showcase text and number-based pride points in a variety of layouts, with or without an image. 

View documentation

Mixed Content Grid and Mixed Content Full Bleed

Combine a headline, text, a call to action and an image or video in a component the width of the selected content area (i.e., grid) or the width of the page (i.e., full bleed).

View documentation
A mixed content component showing three images with accompanying text and CTA buttons for each

Documentation updated: May 29, 2026

Is there an issue with this documentation? Report it here.

Two Thirds Page

Use this for a two-column layout for the full page. Alternatively, users can add a two thirds component to a webpage to add a two-column layout to a section of the page.

Landing Pages

These pages are designed to optimize conversions by reducing potential distractions and encourage the visitor to take a desired course of action. They’re typically used with inbound campaigns, such as social media ads, display advertising or email campaigns. The call to action that drives to the landing page should relate to the content on the page, providing visitors with a quality experience. 

Landing Pages with Full Footer

This layout for inbound campaign landing pages includes the Full Footer component. 

Landing Page with Legal Footer

This layout for inbound campaign landing pages includes the Legal Footer component but not the Full Footer component. 

Events Listing and Event Details Pages

Each Events item creates an Event Details Page, comprised of components like any other web page in SitecoreAI. Adding the Events feature to a website creates an Events Listing Page, which automatically displays events in a list view.

News Listing and Story Pages

Each news item creates a Story Page, comprised of components like other web pages in SitecoreAI. Adding the News feature to a website creates a News Listing Page, which automatically displays news stories in a list view.

Person Details and People Listing Pages

Each People Directory item creates a Person Details Page, comprised of template data common to directory profiles with the ability add additional features, including Job Cards, Education, Awards, Publications and Research Grants. Adding the People Directory feature to a website creates a People Listing Page, which automatically displays People Directory entries in a list view.

Program Details and Program Listing Pages

Each Program Card item creates a Program Details Page, comprised of template data common to programs. Adding the Program Finder feature to a website creates a Program Listing Page, which automatically displays Program Cards entries in a list view.

Search Page

A Search page will be provided for users when a new website is created by the MSU IT team if Sitecore Search is enabled for the website.

Site Map

A Site Map page will be provided for users when a new website is created by the MSU IT team. This site automatically lists all pages within the website. As new pages are added to the site, they will appear on the Site Map page. The Site Map helps visitors find content, and it aides search engine crawlers in identifying what content is available on the website and how it is organized.