{"id":975,"date":"2025-07-29T11:00:23","date_gmt":"2025-07-29T15:00:23","guid":{"rendered":"https:\/\/brand.utk.edu\/web-design-system\/?page_id=975"},"modified":"2025-08-14T10:19:59","modified_gmt":"2025-08-14T14:19:59","slug":"layout-detail-option-two","status":"publish","type":"page","link":"https:\/\/brand.utk.edu\/web-design-system\/layout-detail-option-two\/","title":{"rendered":"Layout: Detail Option Two"},"content":{"rendered":"\n<p>Qui nemo accusantium ullam vel voluptatem ut repudiandae consequatur. Praesentium aut labore omnis consequatur saepe dolorem omnis adipisci. Labore deleniti voluptatem nesciunt sint. Sed sit tenetur quos laborum unde corrupti et quos.<\/p>\n\n\n\n<p class=\"is-style-utkwds-cta-link\"><a href=\"https:\/\/www.utk.edu\/\">CTA Link<\/a><\/p>\n\n\n\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<h2 class=\"wp-block-heading\">Heading<\/h2>\n\n\n\n<p>Qui nemo accusantium ullam vel voluptatem ut repudiandae consequatur. Praesentium aut labore omnis consequatur saepe dolorem omnis adipisci. Labore deleniti voluptatem nesciunt sint. Sed sit tenetur quos laborum unde corrupti et quos.<\/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 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\n\n\n<div class=\"wp-block-group alignfull utkwds-points-of-pride has-global-padding is-layout-constrained wp-container-core-group-is-layout-1959627f wp-block-group-is-layout-constrained\" style=\"margin-top:var(--wp--preset--spacing--medium);margin-bottom:var(--wp--preset--spacing--medium);padding-right:var(--wp--preset--spacing--medium);padding-left:var(--wp--preset--spacing--medium)\">\n<h2 class=\"wp-block-heading alignwide\">Points of Pride<\/h2>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-47e616e8 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-container-core-column-is-layout-aef6f6f3 wp-block-column-is-layout-flow\" style=\"padding-top:var(--wp--preset--spacing--small)\">\n<p class=\"utkwds-number-stat\">Big text,<\/p>\n\n\n\n<p class=\"utkwds-text-stat\"><em>medium<\/em> text,<\/p>\n\n\n\n<p>and <strong>small text<\/strong> can be used in any combo \u2014 choose what fits your content best.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-container-core-column-is-layout-aef6f6f3 wp-block-column-is-layout-flow\" style=\"padding-top:var(--wp--preset--spacing--small)\">\n<p class=\"utkwds-text-stat\">Duplicate a column to reuse its text styles<\/p>\n\n\n\n<p>With the <a href=\"https:\/\/wordpress.org\/documentation\/article\/list-view\/\">List View toolbar<\/a> open, click the 3 dots beside the column whose styles you want and choose &#8220;Duplicate.&#8221;<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-container-core-column-is-layout-aef6f6f3 wp-block-column-is-layout-flow\" style=\"padding-top:var(--wp--preset--spacing--small)\">\n<p class=\"utkwds-number-stat\">8\u201310<\/p>\n\n\n\n<p>is the maximum number of characters you should use in the <strong>big text<\/strong> field. Try to reserve that for numerals and symbols.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-47e616e8 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-container-core-column-is-layout-aef6f6f3 wp-block-column-is-layout-flow\" style=\"padding-top:var(--wp--preset--spacing--small)\">\n<p class=\"utkwds-number-stat\">1\u20134<\/p>\n\n\n\n<p class=\"utkwds-text-stat\">columns<\/p>\n\n\n\n<p>Delete any you don&#8217;t need via the Column&#8217;s 3-dots menu in the <a href=\"https:\/\/wordpress.org\/documentation\/article\/list-view\/\">List View<\/a> toolbar.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-container-core-column-is-layout-aef6f6f3 wp-block-column-is-layout-flow\" style=\"padding-top:var(--wp--preset--spacing--small)\">\n<p class=\"utkwds-number-stat\">$##<\/p>\n\n\n\n<p>For <strong>small text<\/strong>, use no more than 15 to 20 words. Sentence fragments are OK. <a href=\"#\">Link to source data<\/a> where possible.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-container-core-column-is-layout-aef6f6f3 wp-block-column-is-layout-flow\" style=\"padding-top:var(--wp--preset--spacing--small)\">\n<p class=\"utkwds-text-stat\">Skip the big text field and use just medium text alone<\/p>\n\n\n\n<p>when you don&#8217;t have a numeral or your stat is too long for the big text to fit on one line.<\/p>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Qui nemo accusantium ullam vel voluptatem ut repudiandae consequatur. Praesentium aut labore omnis consequatur saepe dolorem omnis adipisci. Labore deleniti voluptatem nesciunt sint. Sed sit tenetur quos laborum unde corrupti et quos. CTA Link Heading The Text with CTA &amp; media pattern is designed to fill the hero area of a high-level landing page, to [&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-975","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Layout: Detail Option Two - 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-two\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Layout: Detail Option Two - Torch Theme Pattern Library\" \/>\n<meta property=\"og:description\" content=\"Qui nemo accusantium ullam vel voluptatem ut repudiandae consequatur. Praesentium aut labore omnis consequatur saepe dolorem omnis adipisci. Labore deleniti voluptatem nesciunt sint. Sed sit tenetur quos laborum unde corrupti et quos. CTA Link Heading The Text with CTA &amp; media pattern is designed to fill the hero area of a high-level landing page, to [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/brand.utk.edu\/web-design-system\/layout-detail-option-two\/\" \/>\n<meta property=\"og:site_name\" content=\"Torch Theme Pattern Library\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-14T14:19:59+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-two\\\/\",\"url\":\"https:\\\/\\\/brand.utk.edu\\\/web-design-system\\\/layout-detail-option-two\\\/\",\"name\":\"Layout: Detail Option Two - 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-two\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/brand.utk.edu\\\/web-design-system\\\/layout-detail-option-two\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/brand.utk.edu\\\/web-design-system\\\/wp-content\\\/themes\\\/utkwds\\\/assets\\\/images\\\/image-placeholder-large.png\",\"datePublished\":\"2025-07-29T15:00:23+00:00\",\"dateModified\":\"2025-08-14T14:19:59+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/brand.utk.edu\\\/web-design-system\\\/layout-detail-option-two\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/brand.utk.edu\\\/web-design-system\\\/layout-detail-option-two\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/brand.utk.edu\\\/web-design-system\\\/layout-detail-option-two\\\/#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-two\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/brand.utk.edu\\\/web-design-system\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Layout: Detail Option Two\"}]},{\"@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 Two - 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-two\/","og_locale":"en_US","og_type":"article","og_title":"Layout: Detail Option Two - Torch Theme Pattern Library","og_description":"Qui nemo accusantium ullam vel voluptatem ut repudiandae consequatur. Praesentium aut labore omnis consequatur saepe dolorem omnis adipisci. Labore deleniti voluptatem nesciunt sint. Sed sit tenetur quos laborum unde corrupti et quos. CTA Link Heading The Text with CTA &amp; media pattern is designed to fill the hero area of a high-level landing page, to [&hellip;]","og_url":"https:\/\/brand.utk.edu\/web-design-system\/layout-detail-option-two\/","og_site_name":"Torch Theme Pattern Library","article_modified_time":"2025-08-14T14:19:59+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-two\/","url":"https:\/\/brand.utk.edu\/web-design-system\/layout-detail-option-two\/","name":"Layout: Detail Option Two - 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-two\/#primaryimage"},"image":{"@id":"https:\/\/brand.utk.edu\/web-design-system\/layout-detail-option-two\/#primaryimage"},"thumbnailUrl":"https:\/\/brand.utk.edu\/web-design-system\/wp-content\/themes\/utkwds\/assets\/images\/image-placeholder-large.png","datePublished":"2025-07-29T15:00:23+00:00","dateModified":"2025-08-14T14:19:59+00:00","breadcrumb":{"@id":"https:\/\/brand.utk.edu\/web-design-system\/layout-detail-option-two\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/brand.utk.edu\/web-design-system\/layout-detail-option-two\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/brand.utk.edu\/web-design-system\/layout-detail-option-two\/#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-two\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/brand.utk.edu\/web-design-system\/"},{"@type":"ListItem","position":2,"name":"Layout: Detail Option Two"}]},{"@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\/975","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=975"}],"version-history":[{"count":0,"href":"https:\/\/brand.utk.edu\/web-design-system\/wp-json\/wp\/v2\/pages\/975\/revisions"}],"wp:attachment":[{"href":"https:\/\/brand.utk.edu\/web-design-system\/wp-json\/wp\/v2\/media?parent=975"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}