{"id":976,"date":"2025-07-29T11:00:44","date_gmt":"2025-07-29T15:00:44","guid":{"rendered":"https:\/\/brand.utk.edu\/web-design-system\/?page_id=976"},"modified":"2025-08-14T10:19:19","modified_gmt":"2025-08-14T14:19:19","slug":"layout-detail-option-one","status":"publish","type":"page","link":"https:\/\/brand.utk.edu\/web-design-system\/layout-detail-option-one\/","title":{"rendered":"Layout: Detail Option One"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull utkwds-text-cta-media 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<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 is-layout-flow wp-container-core-column-is-layout-c7b3064f wp-block-column-is-layout-flow\">\n<h2 class=\"wp-block-heading\">Heading<\/h2>\n\n\n\n<p>The Text with CTA &amp; media pattern is designed to fill the hero area of a high-level landing page, to orient users to what your page is about.<\/p>\n\n\n\n<p class=\"is-style-utkwds-cta-link\"><a href=\"https:\/\/www.utk.edu\/\">CTA Link<\/a><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image is-style-utkwds-left-frame\"><img decoding=\"async\" src=\"https:\/\/brand.utk.edu\/web-design-system\/wp-content\/themes\/utkwds\/assets\/images\/image-placeholder-large.png\" alt=\"image placeholder\"\/><\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Heading<\/h3>\n\n\n\n<p>Ipsa illum sapiente facilis qui quod. Libero vero hic similique odio. Laboriosam laborum omnis doloremque debitis. Est eos delectus voluptas vero rerum.<\/p>\n\n\n\n<p>Vitae delectus nihil deleniti. Eum velit possimus repudiandae. Sed earum illo itaque rerum odio quia quae omnis. Quis enim perferendis maxime autem. Accusantium consectetur suscipit odio quia ut est esse. Cupiditate voluptate laborum alias nam asperiores quam.<\/p>\n\n\n\n<div class=\"wp-block-group alignwide utkwds-link-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"margin-top:var(--wp--preset--spacing--medium);margin-bottom:var(--wp--preset--spacing--medium)\">\n<ul class=\"wp-block-list is-style-utkwds-link-group-2up\">\n<li><a href=\"https:\/\/www.utk.edu\/\">Link 1<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.utk.edu\/\">Link 2<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.utk.edu\/\">Link 3<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.utk.edu\/\">Link 4<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.utk.edu\/\">Link 5<\/a><\/li>\n<\/ul>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-global-padding is-layout-constrained wp-container-core-group-is-layout-19e250f3 wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-cover alignfull is-light has-custom-content-position is-position-bottom-right utkwds-callout-orange\" style=\"padding-top:var(--wp--preset--spacing--medium);padding-right:var(--wp--preset--spacing--medium);padding-bottom:var(--wp--preset--spacing--medium);padding-left:var(--wp--preset--spacing--medium)\"><img decoding=\"async\" class=\"wp-block-cover__image-background\" alt=\"\" src=\"https:\/\/images.utk.edu\/wds\/gallery-2up-placeholder-large.png\" data-object-fit=\"cover\"\/><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-0 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<p class=\"has-text-align-left has-white-color has-text-color has-link-color has-small-font-size wp-elements-6371e2651ce2bc84a4cfa4ab28973783\" style=\"margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;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)\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec gravida dui a aliquet egestas. Class aptent taciti sociosqu ad litora torquent per conubia nostra<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group alignfull utkwds-orange-bar-texture has-orange-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)\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull utkwds-media-text-cta 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<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 is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image is-style-utkwds-left-frame\"><img decoding=\"async\" src=\"https:\/\/brand.utk.edu\/web-design-system\/wp-content\/themes\/utkwds\/assets\/images\/image-placeholder-large.png\" alt=\"image placeholder\"\/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-container-core-column-is-layout-c7b3064f wp-block-column-is-layout-flow\">\n<h2 class=\"wp-block-heading\">Heading<\/h2>\n\n\n\n<p>The Media &amp; Text with CTA pattern is designed to fill the hero area of a high-level landing page, to orient users to what your page is about.<\/p>\n\n\n\n<p class=\"is-style-utkwds-cta-link\"><a href=\"https:\/\/www.utk.edu\/\">CTA Link<\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Heading<\/h3>\n\n\n\n<p>Ipsa illum sapiente facilis qui quod. Libero vero hic similique odio. Laboriosam laborum omnis doloremque debitis. Est eos delectus voluptas vero rerum.<\/p>\n\n\n\n<p>Vitae delectus nihil deleniti. Eum velit possimus repudiandae. Sed earum illo itaque rerum odio quia quae omnis. Quis enim perferendis maxime autem. Accusantium consectetur suscipit odio quia ut est esse. Cupiditate voluptate laborum alias nam asperiores quam.<\/p>\n\n\n\n<div class=\"wp-block-group alignwide utkwds-link-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"margin-top:var(--wp--preset--spacing--medium);margin-bottom:var(--wp--preset--spacing--medium)\">\n<ul class=\"wp-block-list is-style-utkwds-link-group-2up\">\n<li><a href=\"https:\/\/www.utk.edu\/\">Link 1<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.utk.edu\/\">Link 2<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.utk.edu\/\">Link 3<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.utk.edu\/\">Link 4<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.utk.edu\/\">Link 5<\/a><\/li>\n<\/ul>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull utkwds-gallery is-style-orange-texture has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-cover alignfull is-light twoUp-gallery-lgsm\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-0 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<div class=\"wp-block-group twoUp-gallery is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-bottom is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:60%\">\n<figure class=\"wp-block-image alignright size-large twoUp-gallery-img-lg clipCorner-tl\"><img decoding=\"async\" src=\"https:\/\/brand.utk.edu\/web-design-system\/wp-content\/themes\/utkwds\/assets\/images\/image-placeholder-large.png\" alt=\"image placeholder\"\/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-bottom is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:40%\">\n<figure class=\"wp-block-image alignleft size-full twoUp-gallery-img-sm\"><img decoding=\"async\" src=\"https:\/\/brand.utk.edu\/web-design-system\/wp-content\/themes\/utkwds\/assets\/images\/image-placeholder-small.png\" alt=\"image placeholder\"\/><\/figure>\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Heading The Text with CTA &amp; media pattern is designed to fill the hero area of a high-level landing page, to orient users to what your page is about. CTA Link Heading Ipsa illum sapiente facilis qui quod. Libero vero hic similique odio. Laboriosam laborum omnis doloremque debitis. Est eos delectus voluptas vero rerum. Vitae [&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-976","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Layout: Detail Option One - 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\/layout-detail-option-one\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Layout: Detail Option One - Torch Theme Pattern Library\" \/>\n<meta property=\"og:description\" content=\"Heading The Text with CTA &amp; media pattern is designed to fill the hero area of a high-level landing page, to orient users to what your page is about. CTA Link Heading Ipsa illum sapiente facilis qui quod. Libero vero hic similique odio. Laboriosam laborum omnis doloremque debitis. Est eos delectus voluptas vero rerum. Vitae [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/brand.utk.edu\/web-design-system\/layout-detail-option-one\/\" \/>\n<meta property=\"og:site_name\" content=\"Torch Theme Pattern Library\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-14T14:19:19+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/brand.utk.edu\/web-design-system\/wp-content\/themes\/utkwds\/assets\/images\/image-placeholder-large.png\" \/>\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=\"2 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\\\/layout-detail-option-one\\\/\",\"url\":\"https:\\\/\\\/brand.utk.edu\\\/web-design-system\\\/layout-detail-option-one\\\/\",\"name\":\"Layout: Detail Option One - Torch Theme Pattern Library\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/brand.utk.edu\\\/web-design-system\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/brand.utk.edu\\\/web-design-system\\\/layout-detail-option-one\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/brand.utk.edu\\\/web-design-system\\\/layout-detail-option-one\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/brand.utk.edu\\\/web-design-system\\\/wp-content\\\/themes\\\/utkwds\\\/assets\\\/images\\\/image-placeholder-large.png\",\"datePublished\":\"2025-07-29T15:00:44+00:00\",\"dateModified\":\"2025-08-14T14:19:19+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/brand.utk.edu\\\/web-design-system\\\/layout-detail-option-one\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/brand.utk.edu\\\/web-design-system\\\/layout-detail-option-one\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/brand.utk.edu\\\/web-design-system\\\/layout-detail-option-one\\\/#primaryimage\",\"url\":\"https:\\\/\\\/brand.utk.edu\\\/web-design-system\\\/wp-content\\\/themes\\\/utkwds\\\/assets\\\/images\\\/image-placeholder-large.png\",\"contentUrl\":\"https:\\\/\\\/brand.utk.edu\\\/web-design-system\\\/wp-content\\\/themes\\\/utkwds\\\/assets\\\/images\\\/image-placeholder-large.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/brand.utk.edu\\\/web-design-system\\\/layout-detail-option-one\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/brand.utk.edu\\\/web-design-system\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Layout: Detail Option One\"}]},{\"@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":"Layout: Detail Option One - 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\/layout-detail-option-one\/","og_locale":"en_US","og_type":"article","og_title":"Layout: Detail Option One - Torch Theme Pattern Library","og_description":"Heading The Text with CTA &amp; media pattern is designed to fill the hero area of a high-level landing page, to orient users to what your page is about. CTA Link Heading Ipsa illum sapiente facilis qui quod. Libero vero hic similique odio. Laboriosam laborum omnis doloremque debitis. Est eos delectus voluptas vero rerum. Vitae [&hellip;]","og_url":"https:\/\/brand.utk.edu\/web-design-system\/layout-detail-option-one\/","og_site_name":"Torch Theme Pattern Library","article_modified_time":"2025-08-14T14:19:19+00:00","og_image":[{"url":"https:\/\/brand.utk.edu\/web-design-system\/wp-content\/themes\/utkwds\/assets\/images\/image-placeholder-large.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/brand.utk.edu\/web-design-system\/layout-detail-option-one\/","url":"https:\/\/brand.utk.edu\/web-design-system\/layout-detail-option-one\/","name":"Layout: Detail Option One - Torch Theme Pattern Library","isPartOf":{"@id":"https:\/\/brand.utk.edu\/web-design-system\/#website"},"primaryImageOfPage":{"@id":"https:\/\/brand.utk.edu\/web-design-system\/layout-detail-option-one\/#primaryimage"},"image":{"@id":"https:\/\/brand.utk.edu\/web-design-system\/layout-detail-option-one\/#primaryimage"},"thumbnailUrl":"https:\/\/brand.utk.edu\/web-design-system\/wp-content\/themes\/utkwds\/assets\/images\/image-placeholder-large.png","datePublished":"2025-07-29T15:00:44+00:00","dateModified":"2025-08-14T14:19:19+00:00","breadcrumb":{"@id":"https:\/\/brand.utk.edu\/web-design-system\/layout-detail-option-one\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/brand.utk.edu\/web-design-system\/layout-detail-option-one\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/brand.utk.edu\/web-design-system\/layout-detail-option-one\/#primaryimage","url":"https:\/\/brand.utk.edu\/web-design-system\/wp-content\/themes\/utkwds\/assets\/images\/image-placeholder-large.png","contentUrl":"https:\/\/brand.utk.edu\/web-design-system\/wp-content\/themes\/utkwds\/assets\/images\/image-placeholder-large.png"},{"@type":"BreadcrumbList","@id":"https:\/\/brand.utk.edu\/web-design-system\/layout-detail-option-one\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/brand.utk.edu\/web-design-system\/"},{"@type":"ListItem","position":2,"name":"Layout: Detail Option One"}]},{"@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\/976","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=976"}],"version-history":[{"count":0,"href":"https:\/\/brand.utk.edu\/web-design-system\/wp-json\/wp\/v2\/pages\/976\/revisions"}],"wp:attachment":[{"href":"https:\/\/brand.utk.edu\/web-design-system\/wp-json\/wp\/v2\/media?parent=976"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}