{"id":41,"date":"2024-08-27T17:10:17","date_gmt":"2024-08-27T21:10:17","guid":{"rendered":"https:\/\/blog.uvm.edu\/catamount\/?page_id=41"},"modified":"2024-09-14T11:02:22","modified_gmt":"2024-09-14T15:02:22","slug":"headings","status":"publish","type":"page","link":"https:\/\/blog.uvm.edu\/catamount\/headings\/","title":{"rendered":"Headings"},"content":{"rendered":"\n<p>Primary headings are all set in Roboto with a weight of 700 (bold). Alignment is flush left.The primary head color is darkGray #26292C.<\/p>\n\n\n\n<p>Secondary and tertiary headings are also darkGray when on a neutral or whtie background. For dark primary1 (brand dark) they should be set in white #FFF.<\/p>\n\n\n\n<div style=\"height:44px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><strong>H1 display page title<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"538\" height=\"116\" src=\"https:\/\/blog.uvm.edu\/catamount\/files\/2024\/08\/h1Display-L.png\" alt=\"\" class=\"wp-image-42\" srcset=\"https:\/\/blog.uvm.edu\/catamount\/files\/2024\/08\/h1Display-L.png 538w, https:\/\/blog.uvm.edu\/catamount\/files\/2024\/08\/h1Display-L-300x65.png 300w\" sizes=\"auto, (max-width: 538px) 100vw, 538px\" \/><\/figure>\n\n\n\n<h1 class=\"wp-block-heading\"><strong>Explore our Academic Ecosystem<\/strong><\/h1>\n\n\n\n<p>\/* h-dt\/h1 display serif *<em>\/<\/em><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>font-family: Lora;\nfont-size: 54px; f\nont-style: normal;\nfont-weight: 600;\nline-height: 60px; \/&nbsp;111.111%\nletter-spacing: -1px;<\/code><\/pre>\n\n\n\n<p>\/* h-dt\/h1 display serif *<em>\/ <\/em><\/p>\n\n\n\n<div style=\"height:44px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><br \/><strong>H2<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"522\" height=\"119\" src=\"https:\/\/blog.uvm.edu\/catamount\/files\/2024\/08\/h2-L.png\" alt=\"\" class=\"wp-image-43\" srcset=\"https:\/\/blog.uvm.edu\/catamount\/files\/2024\/08\/h2-L.png 522w, https:\/\/blog.uvm.edu\/catamount\/files\/2024\/08\/h2-L-300x68.png 300w\" sizes=\"auto, (max-width: 522px) 100vw, 522px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Explore our Academic Ecosystem<\/h2>\n\n\n\n<p>\/* h-dt\/h2 *<em>\/ <\/em><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>font-family: Roboto; \nfont-size: 32px; font-style: normal; \nfont-weight: 700; \nline-height: 36px; \/ 112.5% *\/\nletter-spacing: -0.18px;<\/code><\/pre>\n\n\n\n<div style=\"height:44px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><strong>H3<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"576\" height=\"136\" src=\"https:\/\/blog.uvm.edu\/catamount\/files\/2024\/08\/h3-L.png\" alt=\"\" class=\"wp-image-44\" srcset=\"https:\/\/blog.uvm.edu\/catamount\/files\/2024\/08\/h3-L.png 576w, https:\/\/blog.uvm.edu\/catamount\/files\/2024\/08\/h3-L-300x71.png 300w\" sizes=\"auto, (max-width: 576px) 100vw, 576px\" \/><\/figure>\n\n\n\n<p class=\"has-vivid-red-color has-text-color has-link-color has-small-font-size wp-elements-ce5c6b7d991377fe1e27d063973cc6ee\">^ WordPress heading needs to be styled as follows to match the H3 screen grab above. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Explore our Academic Ecosystem<\/h3>\n\n\n\n<pre class=\"wp-block-code\"><code>color: var(--type-body-type-colors-heading-styles-darkGray, #26292C);<\/code><\/pre>\n\n\n\n<pre class=\"wp-block-code\"><code>\/* h-dt\/h3 \/ font-family: Roboto; font-size: 26px; font-style: normal; font-weight: 700; line-height: 32px; \/ 123.077% *\/\nletter-spacing: -0.18px;<\/code><\/pre>\n\n\n\n<div style=\"height:44px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><strong>H<\/strong>4<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"557\" height=\"73\" src=\"https:\/\/blog.uvm.edu\/catamount\/files\/2024\/08\/h4-L.png\" alt=\"\" class=\"wp-image-45\" srcset=\"https:\/\/blog.uvm.edu\/catamount\/files\/2024\/08\/h4-L.png 557w, https:\/\/blog.uvm.edu\/catamount\/files\/2024\/08\/h4-L-300x39.png 300w\" sizes=\"auto, (max-width: 557px) 100vw, 557px\" \/><\/figure>\n\n\n\n<p class=\"has-vivid-red-color has-text-color has-link-color has-small-font-size wp-elements-ce5c6b7d991377fe1e27d063973cc6ee\">^ WordPress heading needs to be styled as follows to match the H3 screen grab above. <\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Explore our Academic Ecosystem<\/h4>\n\n\n\n<pre class=\"wp-block-code\"><code>color: var(--type-body-type-colors-heading-styles-darkGray, #26292C);<\/code><\/pre>\n\n\n\n<pre class=\"wp-block-code\"><code>\/* h-dt\/h4 \/ \nfont-family: Roboto; \nfont-size: 19px; \nfont-style: normal; \nfont-weight: 700; \nline-height: 24px; \/ 126.316% *\/\nletter-spacing: -0.18px;<\/code><\/pre>\n\n\n\n<div style=\"height:44px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><strong>H<\/strong>5<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"557\" height=\"72\" src=\"https:\/\/blog.uvm.edu\/catamount\/files\/2024\/08\/h5-L.png\" alt=\"\" class=\"wp-image-46\" srcset=\"https:\/\/blog.uvm.edu\/catamount\/files\/2024\/08\/h5-L.png 557w, https:\/\/blog.uvm.edu\/catamount\/files\/2024\/08\/h5-L-300x39.png 300w\" sizes=\"auto, (max-width: 557px) 100vw, 557px\" \/><\/figure>\n\n\n\n<p class=\"has-vivid-red-color has-text-color has-link-color has-small-font-size wp-elements-ce5c6b7d991377fe1e27d063973cc6ee\">^ WordPress heading needs to be styled as follows to match the H3 screen grab above. <\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Explore our Academic Ecosystem<\/h5>\n\n\n\n<pre class=\"wp-block-code\"><code>color: var(--type-body-type-colors-heading-styles-darkGray, #26292C);<\/code><\/pre>\n\n\n\n<pre class=\"wp-block-code\"><code>\/* h-dt\/h5 \/ \nfont-family: Roboto; \nfont-size: 18px; \nfont-style: normal; \nfont-weight: 700; \nline-height: 22px; \/ 122.222% *\/\nletter-spacing: -0.18px;<\/code><\/pre>\n\n\n\n<div style=\"height:44px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><strong>H<\/strong>6<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"567\" height=\"65\" src=\"https:\/\/blog.uvm.edu\/catamount\/files\/2024\/08\/h6-L.png\" alt=\"\" class=\"wp-image-47\" srcset=\"https:\/\/blog.uvm.edu\/catamount\/files\/2024\/08\/h6-L.png 567w, https:\/\/blog.uvm.edu\/catamount\/files\/2024\/08\/h6-L-300x34.png 300w\" sizes=\"auto, (max-width: 567px) 100vw, 567px\" \/><\/figure>\n\n\n\n<p class=\"has-vivid-red-color has-text-color has-link-color has-small-font-size wp-elements-ce5c6b7d991377fe1e27d063973cc6ee\">^ WordPress heading needs to be styled as follows to match the H3 screen grab above. <\/p>\n\n\n\n<h6 class=\"wp-block-heading\">Explore our Academic Ecosystem<\/h6>\n\n\n\n<pre class=\"wp-block-code\"><code>color: var(--type-body-type-colors-heading-styles-darkGray, #26292C);<\/code><\/pre>\n\n\n\n<pre class=\"wp-block-code\"><code>\/* h-dt\/h6 \/ \nfont-family: Roboto; \nfont-size: 16px; \nfont-style: normal; \nfont-weight: 700; \nline-height: 20px; \/ 125% *\/\nletter-spacing: -0.18px;<\/code><\/pre>\n\n\n\n<div style=\"height:64px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Weights<\/h2>\n\n\n\n<p>Roboto headings are bold, weight 700.<\/p>\n\n\n\n<p>Lora headings are semibold, weight 600.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Color<\/h2>\n\n\n\n<p>Headings are daryGray #26292C.<br \/>color: var(&#8211;type-body-type-colors-heading-styles-darkGray, #26292C);<br \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Primary headings are all set in Roboto with a weight of 700 (bold). Alignment is flush left.The primary head color is darkGray #26292C. Secondary and tertiary headings are also darkGray when on a neutral or whtie background. For dark primary1 (brand dark) they should be set in white #FFF. H1 display page title Explore our [&hellip;]<\/p>\n","protected":false},"author":5625,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-41","page","type-page","status-publish","hentry"],"featured_image_src":null,"featured_image_src_square":null,"_links":{"self":[{"href":"https:\/\/blog.uvm.edu\/catamount\/wp-json\/wp\/v2\/pages\/41","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.uvm.edu\/catamount\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/blog.uvm.edu\/catamount\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/blog.uvm.edu\/catamount\/wp-json\/wp\/v2\/users\/5625"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.uvm.edu\/catamount\/wp-json\/wp\/v2\/comments?post=41"}],"version-history":[{"count":7,"href":"https:\/\/blog.uvm.edu\/catamount\/wp-json\/wp\/v2\/pages\/41\/revisions"}],"predecessor-version":[{"id":203,"href":"https:\/\/blog.uvm.edu\/catamount\/wp-json\/wp\/v2\/pages\/41\/revisions\/203"}],"wp:attachment":[{"href":"https:\/\/blog.uvm.edu\/catamount\/wp-json\/wp\/v2\/media?parent=41"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}