{"id":974,"date":"2025-07-29T11:22:55","date_gmt":"2025-07-29T15:22:55","guid":{"rendered":"https:\/\/brand.utk.edu\/web-design-system\/?page_id=974"},"modified":"2025-08-15T15:31:07","modified_gmt":"2025-08-15T19:31:07","slug":"page-layouts","status":"publish","type":"page","link":"https:\/\/brand.utk.edu\/web-design-system\/page-layouts\/","title":{"rendered":"Page Layouts"},"content":{"rendered":"\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"648\" src=\"https:\/\/brand.utk.edu\/web-design-system\/wp-content\/uploads\/sites\/2\/2025\/08\/page-template-option3b-scaled.jpg\" alt=\"\" class=\"wp-image-1022\" srcset=\"https:\/\/brand.utk.edu\/web-design-system\/wp-content\/uploads\/sites\/2\/2025\/08\/page-template-option3b-scaled.jpg 2560w, https:\/\/brand.utk.edu\/web-design-system\/wp-content\/uploads\/sites\/2\/2025\/08\/page-template-option3b-300x76.jpg 300w, https:\/\/brand.utk.edu\/web-design-system\/wp-content\/uploads\/sites\/2\/2025\/08\/page-template-option3b-1024x259.jpg 1024w, https:\/\/brand.utk.edu\/web-design-system\/wp-content\/uploads\/sites\/2\/2025\/08\/page-template-option3b-768x194.jpg 768w, https:\/\/brand.utk.edu\/web-design-system\/wp-content\/uploads\/sites\/2\/2025\/08\/page-template-option3b-1536x389.jpg 1536w, https:\/\/brand.utk.edu\/web-design-system\/wp-content\/uploads\/sites\/2\/2025\/08\/page-template-option3b-2048x518.jpg 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/figure>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Within the WDS pattern library, you\u2019ll find seven predesigned page layouts. Each layout combines several individual WDS patterns into a complete ready-made page that can be added with a single click.<\/p>\n\n\n\n<p>Using a page layout is optional. These layouts are simply starting points to help content managers avoid building a page from scratch. Once a layout is added, you can customize it freely\u2014adding or removing individual patterns as needed.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">How to Add a Page Layout<\/h2>\n\n\n\n<p>Adding a page layout is just like inserting any other WDS pattern. Open the block inserter, navigate to the <strong>Patterns<\/strong> tab, scroll down to <strong>Page Layouts<\/strong>, and choose the one you want. The selected layout will appear in the page\u2019s list view as a series of individual patterns.<\/p>\n\n\n\n<p><strong>Tip:<\/strong> If you\u2019re using a template without a title, be sure to set the headline in the top pattern to <strong>Heading 1 (H1)<\/strong>. This ensures your page has a proper main heading.<\/p>\n\n\n\n<p>This short video demonstrates the process of adding a page layout:<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"1080\" style=\"aspect-ratio: 1876 \/ 1080;\" width=\"1876\" controls src=\"https:\/\/brand.utk.edu\/web-design-system\/wp-content\/uploads\/sites\/2\/2025\/07\/How-to-add-a-WDS-page-layout-in-WordPress.mp4\"><\/video><\/figure>\n\n\n\n<div class=\"wp-block-group alignfull utkwds-stack-3up has-light-background-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-dbf27b9b wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--small);padding-right:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--small);padding-left:var(--wp--preset--spacing--small)\">\n<h2 class=\"wp-block-heading alignwide\">Available Layouts<\/h2>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column utkwds-stack has-white-background-color has-background is-layout-flow wp-container-core-column-is-layout-89fc711d wp-block-column-is-layout-flow\" style=\"padding-bottom:var(--wp--preset--spacing--small)\">\n<figure class=\"wp-block-image size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"960\" height=\"720\" src=\"https:\/\/brand.utk.edu\/web-design-system\/wp-content\/uploads\/sites\/2\/2025\/08\/detail-option-1.jpg\" alt=\"Screenshot of detail option one layout\" class=\"wp-image-1004\" style=\"border-top-style:none;border-top-width:0px;border-right-style:none;border-right-width:0px;border-bottom-color:var(--wp--preset--color--gray-2);border-bottom-width:1px;border-left-style:none;border-left-width:0px\" srcset=\"https:\/\/brand.utk.edu\/web-design-system\/wp-content\/uploads\/sites\/2\/2025\/08\/detail-option-1.jpg 960w, https:\/\/brand.utk.edu\/web-design-system\/wp-content\/uploads\/sites\/2\/2025\/08\/detail-option-1-300x225.jpg 300w, https:\/\/brand.utk.edu\/web-design-system\/wp-content\/uploads\/sites\/2\/2025\/08\/detail-option-1-768x576.jpg 768w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-f1d49814 wp-block-group-is-layout-flex\" style=\"padding-right:var(--wp--preset--spacing--small);padding-bottom:0;padding-left:var(--wp--preset--spacing--small)\">\n<h3 class=\"wp-block-heading has-medium-font-size\">Detail Option One<\/h3>\n\n\n\n<p>Ideal for pages that provide in-depth information on a specific topic. This layout includes multiple patterns to help organize and present detailed content clearly.<\/p>\n\n\n\n<p class=\"is-style-utkwds-single-link\"><a href=\"https:\/\/brand.utk.edu\/web-design-system\/layout-detail-option-one\/\">View detail option one layout<\/a><\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column utkwds-stack has-white-background-color has-background is-layout-flow wp-container-core-column-is-layout-89fc711d wp-block-column-is-layout-flow\" style=\"padding-bottom:var(--wp--preset--spacing--small)\">\n<figure class=\"wp-block-image size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"960\" height=\"720\" src=\"https:\/\/brand.utk.edu\/web-design-system\/wp-content\/uploads\/sites\/2\/2025\/08\/detail-option-2.jpg\" alt=\"Screenshot of detail option two layout\" class=\"wp-image-1005\" style=\"border-bottom-color:var(--wp--preset--color--gray-2);border-bottom-width:1px\" srcset=\"https:\/\/brand.utk.edu\/web-design-system\/wp-content\/uploads\/sites\/2\/2025\/08\/detail-option-2.jpg 960w, https:\/\/brand.utk.edu\/web-design-system\/wp-content\/uploads\/sites\/2\/2025\/08\/detail-option-2-300x225.jpg 300w, https:\/\/brand.utk.edu\/web-design-system\/wp-content\/uploads\/sites\/2\/2025\/08\/detail-option-2-768x576.jpg 768w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-f1d49814 wp-block-group-is-layout-flex\" style=\"padding-right:var(--wp--preset--spacing--small);padding-bottom:0;padding-left:var(--wp--preset--spacing--small)\">\n<h3 class=\"wp-block-heading has-medium-font-size\">Detail Option Two<\/h3>\n\n\n\n<p>This layout provides an alternative to the <strong>detail option one<\/strong> layout.<\/p>\n\n\n\n<p class=\"is-style-utkwds-single-link\"><a href=\"https:\/\/brand.utk.edu\/web-design-system\/layout-detail-option-two\/\">View detail option two layout<\/a><\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column utkwds-stack has-white-background-color has-background is-layout-flow wp-container-core-column-is-layout-89fc711d wp-block-column-is-layout-flow\" style=\"padding-bottom:var(--wp--preset--spacing--small)\">\n<figure class=\"wp-block-image size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"960\" height=\"720\" src=\"https:\/\/brand.utk.edu\/web-design-system\/wp-content\/uploads\/sites\/2\/2025\/08\/homepage-option-1.jpg\" alt=\"Screenshot of homepage option one layout\" class=\"wp-image-1006\" style=\"border-bottom-color:var(--wp--preset--color--gray-2);border-bottom-width:1px\" srcset=\"https:\/\/brand.utk.edu\/web-design-system\/wp-content\/uploads\/sites\/2\/2025\/08\/homepage-option-1.jpg 960w, https:\/\/brand.utk.edu\/web-design-system\/wp-content\/uploads\/sites\/2\/2025\/08\/homepage-option-1-300x225.jpg 300w, https:\/\/brand.utk.edu\/web-design-system\/wp-content\/uploads\/sites\/2\/2025\/08\/homepage-option-1-768x576.jpg 768w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-f1d49814 wp-block-group-is-layout-flex\" style=\"padding-right:var(--wp--preset--spacing--small);padding-bottom:0;padding-left:var(--wp--preset--spacing--small)\">\n<h3 class=\"wp-block-heading has-medium-font-size\">Homepage Option One<\/h3>\n\n\n\n<p>Designed to serve as the main landing page for your site, this layout highlights key content and helps visitors navigate to important sections.<\/p>\n\n\n\n<p class=\"is-style-utkwds-single-link\"><a href=\"https:\/\/brand.utk.edu\/web-design-system\/layout-homepage-option-one\/\">View homepage option one layout<\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column utkwds-stack has-white-background-color has-background is-layout-flow wp-container-core-column-is-layout-89fc711d wp-block-column-is-layout-flow\" style=\"padding-bottom:var(--wp--preset--spacing--small)\">\n<figure class=\"wp-block-image size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"960\" height=\"720\" src=\"https:\/\/brand.utk.edu\/web-design-system\/wp-content\/uploads\/sites\/2\/2025\/08\/homepage-option-2.jpg\" alt=\"Screenshot of homepage option two layout\" class=\"wp-image-1007\" style=\"border-bottom-color:var(--wp--preset--color--gray-2);border-bottom-width:1px\" srcset=\"https:\/\/brand.utk.edu\/web-design-system\/wp-content\/uploads\/sites\/2\/2025\/08\/homepage-option-2.jpg 960w, https:\/\/brand.utk.edu\/web-design-system\/wp-content\/uploads\/sites\/2\/2025\/08\/homepage-option-2-300x225.jpg 300w, https:\/\/brand.utk.edu\/web-design-system\/wp-content\/uploads\/sites\/2\/2025\/08\/homepage-option-2-768x576.jpg 768w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-f1d49814 wp-block-group-is-layout-flex\" style=\"padding-right:var(--wp--preset--spacing--small);padding-bottom:0;padding-left:var(--wp--preset--spacing--small)\">\n<h3 class=\"wp-block-heading has-medium-font-size\">Homepage Option Two<\/h3>\n\n\n\n<p>This layout provides an alternative to the <strong>homepage option one<\/strong> layout.<\/p>\n\n\n\n<p class=\"is-style-utkwds-single-link\"><a href=\"https:\/\/brand.utk.edu\/web-design-system\/layout-homepage-option-two\/\">View homepage option two layout<\/a><\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column utkwds-stack has-white-background-color has-background is-layout-flow wp-container-core-column-is-layout-89fc711d wp-block-column-is-layout-flow\" style=\"padding-bottom:var(--wp--preset--spacing--small)\">\n<figure class=\"wp-block-image size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"960\" height=\"720\" src=\"https:\/\/brand.utk.edu\/web-design-system\/wp-content\/uploads\/sites\/2\/2025\/08\/landing-page.jpg\" alt=\"Screenshot of landing page layout\" class=\"wp-image-1009\" style=\"border-bottom-color:var(--wp--preset--color--gray-2);border-bottom-width:1px\" srcset=\"https:\/\/brand.utk.edu\/web-design-system\/wp-content\/uploads\/sites\/2\/2025\/08\/landing-page.jpg 960w, https:\/\/brand.utk.edu\/web-design-system\/wp-content\/uploads\/sites\/2\/2025\/08\/landing-page-300x225.jpg 300w, https:\/\/brand.utk.edu\/web-design-system\/wp-content\/uploads\/sites\/2\/2025\/08\/landing-page-768x576.jpg 768w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-f1d49814 wp-block-group-is-layout-flex\" style=\"padding-right:var(--wp--preset--spacing--small);padding-bottom:0;padding-left:var(--wp--preset--spacing--small)\">\n<h3 class=\"wp-block-heading has-medium-font-size\">Landing Page<\/h3>\n\n\n\n<p>Perfect for pages aimed at visitors arriving through social media, email, or marketing campaigns. This layout is designed to capture attention and guide users toward a specific action or message.<\/p>\n\n\n\n<p class=\"is-style-utkwds-single-link\"><a href=\"https:\/\/brand.utk.edu\/web-design-system\/layout-landing-page\/\">View landing page layout<\/a><\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column utkwds-stack has-white-background-color has-background is-layout-flow wp-container-core-column-is-layout-89fc711d wp-block-column-is-layout-flow\" style=\"padding-bottom:var(--wp--preset--spacing--small)\">\n<figure class=\"wp-block-image size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"960\" height=\"720\" src=\"https:\/\/brand.utk.edu\/web-design-system\/wp-content\/uploads\/sites\/2\/2025\/08\/program-page.jpg\" alt=\"Screenshot of program page layout\" class=\"wp-image-1010\" style=\"border-bottom-color:var(--wp--preset--color--gray-2);border-bottom-width:1px\" srcset=\"https:\/\/brand.utk.edu\/web-design-system\/wp-content\/uploads\/sites\/2\/2025\/08\/program-page.jpg 960w, https:\/\/brand.utk.edu\/web-design-system\/wp-content\/uploads\/sites\/2\/2025\/08\/program-page-300x225.jpg 300w, https:\/\/brand.utk.edu\/web-design-system\/wp-content\/uploads\/sites\/2\/2025\/08\/program-page-768x576.jpg 768w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-f1d49814 wp-block-group-is-layout-flex\" style=\"padding-right:var(--wp--preset--spacing--small);padding-bottom:0;padding-left:var(--wp--preset--spacing--small)\">\n<h3 class=\"wp-block-heading has-medium-font-size\">Program Page<\/h3>\n\n\n\n<p>Created to help colleges quickly build pages for individual academic programs. This layout provides a time-saving structured starting point for showcasing program details.<\/p>\n\n\n\n<p class=\"is-style-utkwds-single-link\"><a href=\"https:\/\/brand.utk.edu\/web-design-system\/layout-program-page\/\">View program page layout<\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column utkwds-stack has-white-background-color has-background is-layout-flow wp-container-core-column-is-layout-89fc711d wp-block-column-is-layout-flow\" style=\"padding-bottom:var(--wp--preset--spacing--small)\">\n<figure class=\"wp-block-image size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"960\" height=\"720\" src=\"https:\/\/brand.utk.edu\/web-design-system\/wp-content\/uploads\/sites\/2\/2025\/08\/turnpike.jpg\" alt=\"Screenshot of turnpike with image page layout\" class=\"wp-image-1011\" style=\"border-bottom-color:var(--wp--preset--color--gray-2);border-bottom-width:1px\" srcset=\"https:\/\/brand.utk.edu\/web-design-system\/wp-content\/uploads\/sites\/2\/2025\/08\/turnpike.jpg 960w, https:\/\/brand.utk.edu\/web-design-system\/wp-content\/uploads\/sites\/2\/2025\/08\/turnpike-300x225.jpg 300w, https:\/\/brand.utk.edu\/web-design-system\/wp-content\/uploads\/sites\/2\/2025\/08\/turnpike-768x576.jpg 768w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-f1d49814 wp-block-group-is-layout-flex\" style=\"padding-right:var(--wp--preset--spacing--small);padding-bottom:0;padding-left:var(--wp--preset--spacing--small)\">\n<h3 class=\"wp-block-heading has-medium-font-size\">Turnpike with Images<\/h3>\n\n\n\n<p>A turnpike page gives users a variety of link options to explore. This layout uses patterns with images to make what might be simple lists of links more visually engaging and easier to navigate.<\/p>\n\n\n\n<p class=\"is-style-utkwds-single-link\"><a href=\"https:\/\/brand.utk.edu\/web-design-system\/layout-turnpike-with-images\/\">View turnpike page layout<\/a><\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Within the WDS pattern library, you\u2019ll find seven predesigned page layouts. Each layout combines several individual WDS patterns into a complete ready-made page that can be added with a single click. Using a page layout is optional. These layouts are simply starting points to help content managers avoid building a page from scratch. Once a [&hellip;]<\/p>\n","protected":false},"author":14,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-974","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Page Layouts - Torch Theme Pattern Library<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/brand.utk.edu\/web-design-system\/page-layouts\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Page Layouts - Torch Theme Pattern Library\" \/>\n<meta property=\"og:description\" content=\"Within the WDS pattern library, you\u2019ll find seven predesigned page layouts. Each layout combines several individual WDS patterns into a complete ready-made page that can be added with a single click. Using a page layout is optional. These layouts are simply starting points to help content managers avoid building a page from scratch. Once a [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/brand.utk.edu\/web-design-system\/page-layouts\/\" \/>\n<meta property=\"og:site_name\" content=\"Torch Theme Pattern Library\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-15T19:31:07+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/brand.utk.edu\/web-design-system\/wp-content\/uploads\/sites\/2\/2025\/08\/page-template-option3b-scaled.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"648\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/brand.utk.edu\\\/web-design-system\\\/page-layouts\\\/\",\"url\":\"https:\\\/\\\/brand.utk.edu\\\/web-design-system\\\/page-layouts\\\/\",\"name\":\"Page Layouts - Torch Theme Pattern Library\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/brand.utk.edu\\\/web-design-system\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/brand.utk.edu\\\/web-design-system\\\/page-layouts\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/brand.utk.edu\\\/web-design-system\\\/page-layouts\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/brand.utk.edu\\\/web-design-system\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/2025\\\/08\\\/page-template-option3b-scaled.jpg\",\"datePublished\":\"2025-07-29T15:22:55+00:00\",\"dateModified\":\"2025-08-15T19:31:07+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/brand.utk.edu\\\/web-design-system\\\/page-layouts\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/brand.utk.edu\\\/web-design-system\\\/page-layouts\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/brand.utk.edu\\\/web-design-system\\\/page-layouts\\\/#primaryimage\",\"url\":\"https:\\\/\\\/brand.utk.edu\\\/web-design-system\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/2025\\\/08\\\/page-template-option3b-scaled.jpg\",\"contentUrl\":\"https:\\\/\\\/brand.utk.edu\\\/web-design-system\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/2025\\\/08\\\/page-template-option3b-scaled.jpg\",\"width\":2560,\"height\":648},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/brand.utk.edu\\\/web-design-system\\\/page-layouts\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/brand.utk.edu\\\/web-design-system\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Page Layouts\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/brand.utk.edu\\\/web-design-system\\\/#website\",\"url\":\"https:\\\/\\\/brand.utk.edu\\\/web-design-system\\\/\",\"name\":\"Design System Documentation\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/brand.utk.edu\\\/web-design-system\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Page Layouts - Torch Theme Pattern Library","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/brand.utk.edu\/web-design-system\/page-layouts\/","og_locale":"en_US","og_type":"article","og_title":"Page Layouts - Torch Theme Pattern Library","og_description":"Within the WDS pattern library, you\u2019ll find seven predesigned page layouts. Each layout combines several individual WDS patterns into a complete ready-made page that can be added with a single click. Using a page layout is optional. These layouts are simply starting points to help content managers avoid building a page from scratch. Once a [&hellip;]","og_url":"https:\/\/brand.utk.edu\/web-design-system\/page-layouts\/","og_site_name":"Torch Theme Pattern Library","article_modified_time":"2025-08-15T19:31:07+00:00","og_image":[{"width":2560,"height":648,"url":"https:\/\/brand.utk.edu\/web-design-system\/wp-content\/uploads\/sites\/2\/2025\/08\/page-template-option3b-scaled.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/brand.utk.edu\/web-design-system\/page-layouts\/","url":"https:\/\/brand.utk.edu\/web-design-system\/page-layouts\/","name":"Page Layouts - Torch Theme Pattern Library","isPartOf":{"@id":"https:\/\/brand.utk.edu\/web-design-system\/#website"},"primaryImageOfPage":{"@id":"https:\/\/brand.utk.edu\/web-design-system\/page-layouts\/#primaryimage"},"image":{"@id":"https:\/\/brand.utk.edu\/web-design-system\/page-layouts\/#primaryimage"},"thumbnailUrl":"https:\/\/brand.utk.edu\/web-design-system\/wp-content\/uploads\/sites\/2\/2025\/08\/page-template-option3b-scaled.jpg","datePublished":"2025-07-29T15:22:55+00:00","dateModified":"2025-08-15T19:31:07+00:00","breadcrumb":{"@id":"https:\/\/brand.utk.edu\/web-design-system\/page-layouts\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/brand.utk.edu\/web-design-system\/page-layouts\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/brand.utk.edu\/web-design-system\/page-layouts\/#primaryimage","url":"https:\/\/brand.utk.edu\/web-design-system\/wp-content\/uploads\/sites\/2\/2025\/08\/page-template-option3b-scaled.jpg","contentUrl":"https:\/\/brand.utk.edu\/web-design-system\/wp-content\/uploads\/sites\/2\/2025\/08\/page-template-option3b-scaled.jpg","width":2560,"height":648},{"@type":"BreadcrumbList","@id":"https:\/\/brand.utk.edu\/web-design-system\/page-layouts\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/brand.utk.edu\/web-design-system\/"},{"@type":"ListItem","position":2,"name":"Page Layouts"}]},{"@type":"WebSite","@id":"https:\/\/brand.utk.edu\/web-design-system\/#website","url":"https:\/\/brand.utk.edu\/web-design-system\/","name":"Design System Documentation","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/brand.utk.edu\/web-design-system\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/brand.utk.edu\/web-design-system\/wp-json\/wp\/v2\/pages\/974","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/brand.utk.edu\/web-design-system\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/brand.utk.edu\/web-design-system\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/brand.utk.edu\/web-design-system\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/brand.utk.edu\/web-design-system\/wp-json\/wp\/v2\/comments?post=974"}],"version-history":[{"count":0,"href":"https:\/\/brand.utk.edu\/web-design-system\/wp-json\/wp\/v2\/pages\/974\/revisions"}],"wp:attachment":[{"href":"https:\/\/brand.utk.edu\/web-design-system\/wp-json\/wp\/v2\/media?parent=974"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}