{"id":20,"date":"2026-07-02T19:38:03","date_gmt":"2026-07-02T19:38:03","guid":{"rendered":"https:\/\/rrstage.wakefieldbiochar.com\/?page_id=20"},"modified":"2026-07-02T20:56:42","modified_gmt":"2026-07-02T20:56:42","slug":"what-is-biochar","status":"publish","type":"page","link":"https:\/\/rrstage.wakefieldbiochar.com\/?page_id=20","title":{"rendered":"What is Biochar?"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull wf-section wf-section--light has-global-padding is-layout-constrained wp-container-core-group-is-layout-2b950338 wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--2-xl);padding-right:var(--wp--preset--spacing--md);padding-bottom:var(--wp--preset--spacing--2-xl);padding-left:var(--wp--preset--spacing--md)\">\n<div class=\"wp-block-group alignwide has-global-padding is-layout-constrained wp-container-core-group-is-layout-32cc56da wp-block-group-is-layout-constrained\">\n<p class=\"has-small-font-size wp-block-paragraph\"><strong>Development reference<\/strong><\/p>\n\n\n\n<h1 class=\"wp-block-heading\">Wakefield Theme Style Guide<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">This reference pattern previews the current Wakefield design tokens, typography, buttons, forms, and reusable section background classes. It is intended for development review and should not be used as production page content.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull wf-section wf-section--light has-global-padding is-layout-constrained wp-container-core-group-is-layout-1181e2a2 wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--xl);padding-right:var(--wp--preset--spacing--md);padding-bottom:var(--wp--preset--spacing--xl);padding-left:var(--wp--preset--spacing--md)\">\n<div class=\"wp-block-group alignwide has-global-padding is-layout-constrained wp-container-core-group-is-layout-b2d2622a wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Color Tokens<\/h2>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-cc97b447 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group has-white-color has-carbon-background-color has-text-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-b06746ed wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--sm);padding-right:var(--wp--preset--spacing--sm);padding-bottom:var(--wp--preset--spacing--sm);padding-left:var(--wp--preset--spacing--sm)\">\n<p class=\"has-small-font-size wp-block-paragraph\">Carbon<br>#1a1a1c<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group has-white-color has-green-background-color has-text-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-b06746ed wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--sm);padding-right:var(--wp--preset--spacing--sm);padding-bottom:var(--wp--preset--spacing--sm);padding-left:var(--wp--preset--spacing--sm)\">\n<p class=\"has-small-font-size wp-block-paragraph\">Wakefield Green<br>#63a243<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group has-white-color has-green-olive-background-color has-text-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-b06746ed wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--sm);padding-right:var(--wp--preset--spacing--sm);padding-bottom:var(--wp--preset--spacing--sm);padding-left:var(--wp--preset--spacing--sm)\">\n<p class=\"has-small-font-size wp-block-paragraph\">Olive Green<br>#789a3a<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group has-carbon-color has-yellow-background-color has-text-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-b06746ed wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--sm);padding-right:var(--wp--preset--spacing--sm);padding-bottom:var(--wp--preset--spacing--sm);padding-left:var(--wp--preset--spacing--sm)\">\n<p class=\"has-small-font-size wp-block-paragraph\">Wakefield Yellow<br>#ffcc0b<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-cc97b447 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group has-ink-color has-paper-background-color has-text-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-b06746ed wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--sm);padding-right:var(--wp--preset--spacing--sm);padding-bottom:var(--wp--preset--spacing--sm);padding-left:var(--wp--preset--spacing--sm)\">\n<p class=\"has-small-font-size wp-block-paragraph\">Paper<br>#f6f6f9<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group has-ink-color has-gray-100-background-color has-text-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-b06746ed wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--sm);padding-right:var(--wp--preset--spacing--sm);padding-bottom:var(--wp--preset--spacing--sm);padding-left:var(--wp--preset--spacing--sm)\">\n<p class=\"has-small-font-size wp-block-paragraph\">Gray 100<br>#eaeaec<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group has-white-color has-gray-700-background-color has-text-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-b06746ed wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--sm);padding-right:var(--wp--preset--spacing--sm);padding-bottom:var(--wp--preset--spacing--sm);padding-left:var(--wp--preset--spacing--sm)\">\n<p class=\"has-small-font-size wp-block-paragraph\">Gray 700<br>#626a73<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group has-white-color has-blue-retail-background-color has-text-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-b06746ed wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--sm);padding-right:var(--wp--preset--spacing--sm);padding-bottom:var(--wp--preset--spacing--sm);padding-left:var(--wp--preset--spacing--sm)\">\n<p class=\"has-small-font-size wp-block-paragraph\">Retail Blue<br>#1998ff<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<p class=\"has-small-font-size wp-block-paragraph\">Additional palette tokens available in <code>theme.json<\/code>: Carbon 2, Carbon 3, Ink, White, Paper 2, Gray 300, Gray 500, Bright Green, Yellow Hover, and Legacy Teal.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull wf-section wf-section--light wf-section--grunge-texture has-global-padding is-layout-constrained wp-container-core-group-is-layout-1181e2a2 wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--xl);padding-right:var(--wp--preset--spacing--md);padding-bottom:var(--wp--preset--spacing--xl);padding-left:var(--wp--preset--spacing--md)\">\n<div class=\"wp-block-group alignwide has-global-padding is-layout-constrained wp-container-core-group-is-layout-b2d2622a wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Typography<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Body text uses Mukta. This paragraph includes <strong>bold text<\/strong>, a <a href=\"#\">sample text link<\/a>, and enough length to preview rhythm, line-height, and readable measure for content-heavy educational pages.<\/p>\n\n\n\n<h1 class=\"wp-block-heading\">H1 Roboto Slab 700<\/h1>\n\n\n\n<h2 class=\"wp-block-heading\">H2 Roboto Slab 600<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">H3 Bitter 700<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">H4 Bitter 600<\/h4>\n\n\n\n<h5 class=\"wp-block-heading\">H5 Bitter 600<\/h5>\n\n\n\n<h6 class=\"wp-block-heading\">H6 Bitter 500<\/h6>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Reusable patterns should stay modular.<\/li>\n\n\n\n<li>Native blocks should carry most layout work.<\/li>\n\n\n\n<li>Texture and dark sections should be used intentionally.<\/li>\n<\/ul>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Renewable carbon, clean hierarchy, and restrained visual systems should do the heavy lifting.<\/p>\n<\/blockquote>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull wf-grunge-transition wf-grunge-transition--light-to-dark has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\"><\/div>\n\n\n\n<div class=\"wp-block-group alignfull wf-section wf-section--dark has-global-padding is-layout-constrained wp-container-core-group-is-layout-1181e2a2 wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--xl);padding-right:var(--wp--preset--spacing--md);padding-bottom:var(--wp--preset--spacing--xl);padding-left:var(--wp--preset--spacing--md)\">\n<div class=\"wp-block-group alignwide has-global-padding is-layout-constrained wp-container-core-group-is-layout-32cc56da wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Buttons, Search, And Dark Sections<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The dark section class previews carbon surfaces, light text, yellow text links, native button styles, and the current search block treatment.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"#\">Primary CTA<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--1\"><a class=\"wp-block-button__link wp-element-button\" href=\"#\">Secondary CTA<\/a><\/div>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-white-color has-blue-retail-background-color has-text-color has-background wp-element-button\" href=\"#\">Retail CTA<\/a><\/div>\n<\/div>\n\n\n<form role=\"search\" method=\"get\" action=\"https:\/\/rrstage.wakefieldbiochar.com\/\" class=\"wp-block-search__button-inside wp-block-search__icon-button wf-header-search wp-block-search\"    ><label class=\"wp-block-search__label\" for=\"wp-block-search__input-2\" >Search<\/label><div class=\"wp-block-search__inside-wrapper\" ><input class=\"wp-block-search__input\" id=\"wp-block-search__input-2\" placeholder=\"Search articles and resources\" value=\"\" type=\"search\" name=\"s\" required \/><button aria-label=\"Search\" class=\"wp-block-search__button has-icon wp-element-button\" type=\"submit\" ><svg class=\"search-icon\" viewBox=\"0 0 24 24\" width=\"24\" height=\"24\">\n\t\t\t\t\t<path d=\"M13 5c-3.3 0-6 2.7-6 6 0 1.4.5 2.7 1.3 3.7l-3.8 3.8 1.1 1.1 3.8-3.8c1 .8 2.3 1.3 3.7 1.3 3.3 0 6-2.7 6-6S16.3 5 13 5zm0 10.5c-2.5 0-4.5-2-4.5-4.5s2-4.5 4.5-4.5 4.5 2 4.5 4.5-2 4.5-4.5 4.5z\"><\/path>\n\t\t\t\t<\/svg><\/button><\/div><\/form><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull wf-grunge-transition wf-grunge-transition--dark-to-light has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\"><\/div>\n\n\n\n<div class=\"wp-block-group alignfull wf-section wf-section--light has-global-padding is-layout-constrained wp-container-core-group-is-layout-f7347370 wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--xl);padding-right:var(--wp--preset--spacing--md);padding-bottom:var(--wp--preset--spacing--2-xl);padding-left:var(--wp--preset--spacing--md)\">\n<div class=\"wp-block-group alignwide has-global-padding is-layout-constrained wp-container-core-group-is-layout-b2d2622a wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Header And Reusable Section Notes<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">When viewed through the style guide page template, the live header and footer frame this pattern. Use this pattern to review the current logo, primary navigation, header search, and <strong>WHERE TO BUY<\/strong> CTA without adding a production navigation item.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-cfd2a90b wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h3 class=\"wp-block-heading\">Section Classes<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>wf-section wf-section--light<\/code><\/li>\n\n\n\n<li><code>wf-section wf-section--dark<\/code><\/li>\n\n\n\n<li><code>wf-section--grunge-texture<\/code><\/li>\n<\/ul>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h3 class=\"wp-block-heading\">Transition Classes<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>wf-grunge-transition--light-to-dark<\/code><\/li>\n\n\n\n<li><code>wf-grunge-transition--dark-to-light<\/code><\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull wf-section wf-section--light has-global-padding is-layout-constrained wp-container-core-group-is-layout-2b950338 wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--2-xl);padding-right:var(--wp--preset--spacing--md);padding-bottom:var(--wp--preset--spacing--2-xl);padding-left:var(--wp--preset--spacing--md)\">\n<div class=\"wp-block-group alignwide has-global-padding is-layout-constrained wp-container-core-group-is-layout-32cc56da wp-block-group-is-layout-constrained\">\n<p class=\"has-small-font-size wp-block-paragraph\"><strong>Development reference<\/strong><\/p>\n\n\n\n<h1 class=\"wp-block-heading\">Wakefield Theme Style Guide<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">This reference pattern previews the current Wakefield design tokens, typography, buttons, forms, and reusable section background classes. It is intended for development review and should not be used as production page content.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull wf-section wf-section--light has-global-padding is-layout-constrained wp-container-core-group-is-layout-1181e2a2 wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--xl);padding-right:var(--wp--preset--spacing--md);padding-bottom:var(--wp--preset--spacing--xl);padding-left:var(--wp--preset--spacing--md)\">\n<div class=\"wp-block-group alignwide has-global-padding is-layout-constrained wp-container-core-group-is-layout-b2d2622a wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Color Tokens<\/h2>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-cc97b447 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group has-white-color has-carbon-background-color has-text-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-b06746ed wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--sm);padding-right:var(--wp--preset--spacing--sm);padding-bottom:var(--wp--preset--spacing--sm);padding-left:var(--wp--preset--spacing--sm)\">\n<p class=\"has-small-font-size wp-block-paragraph\">Carbon<br>#1a1a1c<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group has-white-color has-green-background-color has-text-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-b06746ed wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--sm);padding-right:var(--wp--preset--spacing--sm);padding-bottom:var(--wp--preset--spacing--sm);padding-left:var(--wp--preset--spacing--sm)\">\n<p class=\"has-small-font-size wp-block-paragraph\">Wakefield Green<br>#63a243<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group has-white-color has-green-olive-background-color has-text-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-b06746ed wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--sm);padding-right:var(--wp--preset--spacing--sm);padding-bottom:var(--wp--preset--spacing--sm);padding-left:var(--wp--preset--spacing--sm)\">\n<p class=\"has-small-font-size wp-block-paragraph\">Olive Green<br>#789a3a<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group has-carbon-color has-yellow-background-color has-text-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-b06746ed wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--sm);padding-right:var(--wp--preset--spacing--sm);padding-bottom:var(--wp--preset--spacing--sm);padding-left:var(--wp--preset--spacing--sm)\">\n<p class=\"has-small-font-size wp-block-paragraph\">Wakefield Yellow<br>#ffcc0b<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-cc97b447 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group has-ink-color has-paper-background-color has-text-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-b06746ed wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--sm);padding-right:var(--wp--preset--spacing--sm);padding-bottom:var(--wp--preset--spacing--sm);padding-left:var(--wp--preset--spacing--sm)\">\n<p class=\"has-small-font-size wp-block-paragraph\">Paper<br>#f6f6f9<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group has-ink-color has-gray-100-background-color has-text-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-b06746ed wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--sm);padding-right:var(--wp--preset--spacing--sm);padding-bottom:var(--wp--preset--spacing--sm);padding-left:var(--wp--preset--spacing--sm)\">\n<p class=\"has-small-font-size wp-block-paragraph\">Gray 100<br>#eaeaec<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group has-white-color has-gray-700-background-color has-text-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-b06746ed wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--sm);padding-right:var(--wp--preset--spacing--sm);padding-bottom:var(--wp--preset--spacing--sm);padding-left:var(--wp--preset--spacing--sm)\">\n<p class=\"has-small-font-size wp-block-paragraph\">Gray 700<br>#626a73<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group has-white-color has-blue-retail-background-color has-text-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-b06746ed wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--sm);padding-right:var(--wp--preset--spacing--sm);padding-bottom:var(--wp--preset--spacing--sm);padding-left:var(--wp--preset--spacing--sm)\">\n<p class=\"has-small-font-size wp-block-paragraph\">Retail Blue<br>#1998ff<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<p class=\"has-small-font-size wp-block-paragraph\">Additional palette tokens available in <code>theme.json<\/code>: Carbon 2, Carbon 3, Ink, White, Paper 2, Gray 300, Gray 500, Bright Green, Yellow Hover, and Legacy Teal.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull wf-section wf-section--light wf-section--grunge-texture has-global-padding is-layout-constrained wp-container-core-group-is-layout-1181e2a2 wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--xl);padding-right:var(--wp--preset--spacing--md);padding-bottom:var(--wp--preset--spacing--xl);padding-left:var(--wp--preset--spacing--md)\">\n<div class=\"wp-block-group alignwide has-global-padding is-layout-constrained wp-container-core-group-is-layout-b2d2622a wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Typography<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Body text uses Mukta. This paragraph includes <strong>bold text<\/strong>, a <a href=\"#\">sample text link<\/a>, and enough length to preview rhythm, line-height, and readable measure for content-heavy educational pages.<\/p>\n\n\n\n<h1 class=\"wp-block-heading\">H1 Roboto Slab 700<\/h1>\n\n\n\n<h2 class=\"wp-block-heading\">H2 Roboto Slab 600<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">H3 Bitter 700<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">H4 Bitter 600<\/h4>\n\n\n\n<h5 class=\"wp-block-heading\">H5 Bitter 600<\/h5>\n\n\n\n<h6 class=\"wp-block-heading\">H6 Bitter 500<\/h6>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Reusable patterns should stay modular.<\/li>\n\n\n\n<li>Native blocks should carry most layout work.<\/li>\n\n\n\n<li>Texture and dark sections should be used intentionally.<\/li>\n<\/ul>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Renewable carbon, clean hierarchy, and restrained visual systems should do the heavy lifting.<\/p>\n<\/blockquote>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull wf-grunge-transition wf-grunge-transition--light-to-dark has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\"><\/div>\n\n\n\n<div class=\"wp-block-group alignfull wf-section wf-section--dark has-global-padding is-layout-constrained wp-container-core-group-is-layout-1181e2a2 wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--xl);padding-right:var(--wp--preset--spacing--md);padding-bottom:var(--wp--preset--spacing--xl);padding-left:var(--wp--preset--spacing--md)\">\n<div class=\"wp-block-group alignwide has-global-padding is-layout-constrained wp-container-core-group-is-layout-32cc56da wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Buttons, Search, And Dark Sections<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The dark section class previews carbon surfaces, light text, yellow text links, native button styles, and the current search block treatment.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"#\">Primary CTA<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--3\"><a class=\"wp-block-button__link wp-element-button\" href=\"#\">Secondary CTA<\/a><\/div>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-white-color has-blue-retail-background-color has-text-color has-background wp-element-button\" href=\"#\">Retail CTA<\/a><\/div>\n<\/div>\n\n\n<form role=\"search\" method=\"get\" action=\"https:\/\/rrstage.wakefieldbiochar.com\/\" class=\"wp-block-search__button-inside wp-block-search__icon-button wf-header-search wp-block-search\"    ><label class=\"wp-block-search__label\" for=\"wp-block-search__input-4\" >Search<\/label><div class=\"wp-block-search__inside-wrapper\" ><input class=\"wp-block-search__input\" id=\"wp-block-search__input-4\" placeholder=\"Search articles and resources\" value=\"\" type=\"search\" name=\"s\" required \/><button aria-label=\"Search\" class=\"wp-block-search__button has-icon wp-element-button\" type=\"submit\" ><svg class=\"search-icon\" viewBox=\"0 0 24 24\" width=\"24\" height=\"24\">\n\t\t\t\t\t<path d=\"M13 5c-3.3 0-6 2.7-6 6 0 1.4.5 2.7 1.3 3.7l-3.8 3.8 1.1 1.1 3.8-3.8c1 .8 2.3 1.3 3.7 1.3 3.3 0 6-2.7 6-6S16.3 5 13 5zm0 10.5c-2.5 0-4.5-2-4.5-4.5s2-4.5 4.5-4.5 4.5 2 4.5 4.5-2 4.5-4.5 4.5z\"><\/path>\n\t\t\t\t<\/svg><\/button><\/div><\/form><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull wf-grunge-transition wf-grunge-transition--dark-to-light has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\"><\/div>\n\n\n\n<div class=\"wp-block-group alignfull wf-section wf-section--light has-global-padding is-layout-constrained wp-container-core-group-is-layout-f7347370 wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--xl);padding-right:var(--wp--preset--spacing--md);padding-bottom:var(--wp--preset--spacing--2-xl);padding-left:var(--wp--preset--spacing--md)\">\n<div class=\"wp-block-group alignwide has-global-padding is-layout-constrained wp-container-core-group-is-layout-b2d2622a wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Header And Reusable Section Notes<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">When viewed through the style guide page template, the live header and footer frame this pattern. Use this pattern to review the current logo, primary navigation, header search, and <strong>WHERE TO BUY<\/strong> CTA without adding a production navigation item.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-cfd2a90b wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h3 class=\"wp-block-heading\">Section Classes<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>wf-section wf-section--light<\/code><\/li>\n\n\n\n<li><code>wf-section wf-section--dark<\/code><\/li>\n\n\n\n<li><code>wf-section--grunge-texture<\/code><\/li>\n<\/ul>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h3 class=\"wp-block-heading\">Transition Classes<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>wf-grunge-transition--light-to-dark<\/code><\/li>\n\n\n\n<li><code>wf-grunge-transition--dark-to-light<\/code><\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull wf-section wf-section--light has-global-padding is-layout-constrained wp-container-core-group-is-layout-2b950338 wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--2-xl);padding-right:var(--wp--preset--spacing--md);padding-bottom:var(--wp--preset--spacing--2-xl);padding-left:var(--wp--preset--spacing--md)\">\n<div class=\"wp-block-group alignwide has-global-padding is-layout-constrained wp-container-core-group-is-layout-32cc56da wp-block-group-is-layout-constrained\">\n<p class=\"has-small-font-size wp-block-paragraph\"><strong>Development reference<\/strong><\/p>\n\n\n\n<h1 class=\"wp-block-heading\">Wakefield Theme Style Guide<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">This reference pattern previews the current Wakefield design tokens, typography, buttons, forms, and reusable section background classes. It is intended for development review and should not be used as production page content.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull wf-section wf-section--light has-global-padding is-layout-constrained wp-container-core-group-is-layout-1181e2a2 wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--xl);padding-right:var(--wp--preset--spacing--md);padding-bottom:var(--wp--preset--spacing--xl);padding-left:var(--wp--preset--spacing--md)\">\n<div class=\"wp-block-group alignwide has-global-padding is-layout-constrained wp-container-core-group-is-layout-b2d2622a wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Color Tokens<\/h2>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-cc97b447 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group has-white-color has-carbon-background-color has-text-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-b06746ed wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--sm);padding-right:var(--wp--preset--spacing--sm);padding-bottom:var(--wp--preset--spacing--sm);padding-left:var(--wp--preset--spacing--sm)\">\n<p class=\"has-small-font-size wp-block-paragraph\">Carbon<br>#1a1a1c<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group has-white-color has-green-background-color has-text-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-b06746ed wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--sm);padding-right:var(--wp--preset--spacing--sm);padding-bottom:var(--wp--preset--spacing--sm);padding-left:var(--wp--preset--spacing--sm)\">\n<p class=\"has-small-font-size wp-block-paragraph\">Wakefield Green<br>#63a243<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group has-white-color has-green-olive-background-color has-text-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-b06746ed wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--sm);padding-right:var(--wp--preset--spacing--sm);padding-bottom:var(--wp--preset--spacing--sm);padding-left:var(--wp--preset--spacing--sm)\">\n<p class=\"has-small-font-size wp-block-paragraph\">Olive Green<br>#789a3a<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group has-carbon-color has-yellow-background-color has-text-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-b06746ed wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--sm);padding-right:var(--wp--preset--spacing--sm);padding-bottom:var(--wp--preset--spacing--sm);padding-left:var(--wp--preset--spacing--sm)\">\n<p class=\"has-small-font-size wp-block-paragraph\">Wakefield Yellow<br>#ffcc0b<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-cc97b447 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group has-ink-color has-paper-background-color has-text-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-b06746ed wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--sm);padding-right:var(--wp--preset--spacing--sm);padding-bottom:var(--wp--preset--spacing--sm);padding-left:var(--wp--preset--spacing--sm)\">\n<p class=\"has-small-font-size wp-block-paragraph\">Paper<br>#f6f6f9<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group has-ink-color has-gray-100-background-color has-text-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-b06746ed wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--sm);padding-right:var(--wp--preset--spacing--sm);padding-bottom:var(--wp--preset--spacing--sm);padding-left:var(--wp--preset--spacing--sm)\">\n<p class=\"has-small-font-size wp-block-paragraph\">Gray 100<br>#eaeaec<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group has-white-color has-gray-700-background-color has-text-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-b06746ed wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--sm);padding-right:var(--wp--preset--spacing--sm);padding-bottom:var(--wp--preset--spacing--sm);padding-left:var(--wp--preset--spacing--sm)\">\n<p class=\"has-small-font-size wp-block-paragraph\">Gray 700<br>#626a73<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group has-white-color has-blue-retail-background-color has-text-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-b06746ed wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--sm);padding-right:var(--wp--preset--spacing--sm);padding-bottom:var(--wp--preset--spacing--sm);padding-left:var(--wp--preset--spacing--sm)\">\n<p class=\"has-small-font-size wp-block-paragraph\">Retail Blue<br>#1998ff<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<p class=\"has-small-font-size wp-block-paragraph\">Additional palette tokens available in <code>theme.json<\/code>: Carbon 2, Carbon 3, Ink, White, Paper 2, Gray 300, Gray 500, Bright Green, Yellow Hover, and Legacy Teal.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull wf-section wf-section--light wf-section--grunge-texture has-global-padding is-layout-constrained wp-container-core-group-is-layout-1181e2a2 wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--xl);padding-right:var(--wp--preset--spacing--md);padding-bottom:var(--wp--preset--spacing--xl);padding-left:var(--wp--preset--spacing--md)\">\n<div class=\"wp-block-group alignwide has-global-padding is-layout-constrained wp-container-core-group-is-layout-b2d2622a wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Typography<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Body text uses Mukta. This paragraph includes <strong>bold text<\/strong>, a <a href=\"#\">sample text link<\/a>, and enough length to preview rhythm, line-height, and readable measure for content-heavy educational pages.<\/p>\n\n\n\n<h1 class=\"wp-block-heading\">H1 Roboto Slab 700<\/h1>\n\n\n\n<h2 class=\"wp-block-heading\">H2 Roboto Slab 600<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">H3 Bitter 700<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">H4 Bitter 600<\/h4>\n\n\n\n<h5 class=\"wp-block-heading\">H5 Bitter 600<\/h5>\n\n\n\n<h6 class=\"wp-block-heading\">H6 Bitter 500<\/h6>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Reusable patterns should stay modular.<\/li>\n\n\n\n<li>Native blocks should carry most layout work.<\/li>\n\n\n\n<li>Texture and dark sections should be used intentionally.<\/li>\n<\/ul>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Renewable carbon, clean hierarchy, and restrained visual systems should do the heavy lifting.<\/p>\n<\/blockquote>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull wf-grunge-transition wf-grunge-transition--light-to-dark has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\"><\/div>\n\n\n\n<div class=\"wp-block-group alignfull wf-section wf-section--dark has-global-padding is-layout-constrained wp-container-core-group-is-layout-1181e2a2 wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--xl);padding-right:var(--wp--preset--spacing--md);padding-bottom:var(--wp--preset--spacing--xl);padding-left:var(--wp--preset--spacing--md)\">\n<div class=\"wp-block-group alignwide has-global-padding is-layout-constrained wp-container-core-group-is-layout-32cc56da wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Buttons, Search, And Dark Sections<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The dark section class previews carbon surfaces, light text, yellow text links, native button styles, and the current search block treatment.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"#\">Primary CTA<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--5\"><a class=\"wp-block-button__link wp-element-button\" href=\"#\">Secondary CTA<\/a><\/div>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-white-color has-blue-retail-background-color has-text-color has-background wp-element-button\" href=\"#\">Retail CTA<\/a><\/div>\n<\/div>\n\n\n<form role=\"search\" method=\"get\" action=\"https:\/\/rrstage.wakefieldbiochar.com\/\" class=\"wp-block-search__button-inside wp-block-search__icon-button wf-header-search wp-block-search\"    ><label class=\"wp-block-search__label\" for=\"wp-block-search__input-6\" >Search<\/label><div class=\"wp-block-search__inside-wrapper\" ><input class=\"wp-block-search__input\" id=\"wp-block-search__input-6\" placeholder=\"Search articles and resources\" value=\"\" type=\"search\" name=\"s\" required \/><button aria-label=\"Search\" class=\"wp-block-search__button has-icon wp-element-button\" type=\"submit\" ><svg class=\"search-icon\" viewBox=\"0 0 24 24\" width=\"24\" height=\"24\">\n\t\t\t\t\t<path d=\"M13 5c-3.3 0-6 2.7-6 6 0 1.4.5 2.7 1.3 3.7l-3.8 3.8 1.1 1.1 3.8-3.8c1 .8 2.3 1.3 3.7 1.3 3.3 0 6-2.7 6-6S16.3 5 13 5zm0 10.5c-2.5 0-4.5-2-4.5-4.5s2-4.5 4.5-4.5 4.5 2 4.5 4.5-2 4.5-4.5 4.5z\"><\/path>\n\t\t\t\t<\/svg><\/button><\/div><\/form><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull wf-grunge-transition wf-grunge-transition--dark-to-light has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\"><\/div>\n\n\n\n<div class=\"wp-block-group alignfull wf-section wf-section--light has-global-padding is-layout-constrained wp-container-core-group-is-layout-f7347370 wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--xl);padding-right:var(--wp--preset--spacing--md);padding-bottom:var(--wp--preset--spacing--2-xl);padding-left:var(--wp--preset--spacing--md)\">\n<div class=\"wp-block-group alignwide has-global-padding is-layout-constrained wp-container-core-group-is-layout-b2d2622a wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Header And Reusable Section Notes<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">When viewed through the style guide page template, the live header and footer frame this pattern. Use this pattern to review the current logo, primary navigation, header search, and <strong>WHERE TO BUY<\/strong> CTA without adding a production navigation item.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-cfd2a90b wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h3 class=\"wp-block-heading\">Section Classes<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>wf-section wf-section--light<\/code><\/li>\n\n\n\n<li><code>wf-section wf-section--dark<\/code><\/li>\n\n\n\n<li><code>wf-section--grunge-texture<\/code><\/li>\n<\/ul>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h3 class=\"wp-block-heading\">Transition Classes<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>wf-grunge-transition--light-to-dark<\/code><\/li>\n\n\n\n<li><code>wf-grunge-transition--dark-to-light<\/code><\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull wf-section wf-section--light has-global-padding is-layout-constrained wp-container-core-group-is-layout-2b950338 wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--2-xl);padding-right:var(--wp--preset--spacing--md);padding-bottom:var(--wp--preset--spacing--2-xl);padding-left:var(--wp--preset--spacing--md)\">\n<div class=\"wp-block-group alignwide has-global-padding is-layout-constrained wp-container-core-group-is-layout-32cc56da wp-block-group-is-layout-constrained\">\n<p class=\"has-small-font-size wp-block-paragraph\"><strong>Development reference<\/strong><\/p>\n\n\n\n<h1 class=\"wp-block-heading\">Wakefield Theme Style Guide<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">This reference pattern previews the current Wakefield design tokens, typography, buttons, forms, and reusable section background classes. It is intended for development review and should not be used as production page content.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull wf-section wf-section--light has-global-padding is-layout-constrained wp-container-core-group-is-layout-1181e2a2 wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--xl);padding-right:var(--wp--preset--spacing--md);padding-bottom:var(--wp--preset--spacing--xl);padding-left:var(--wp--preset--spacing--md)\">\n<div class=\"wp-block-group alignwide has-global-padding is-layout-constrained wp-container-core-group-is-layout-b2d2622a wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Color Tokens<\/h2>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-cc97b447 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group has-white-color has-carbon-background-color has-text-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-b06746ed wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--sm);padding-right:var(--wp--preset--spacing--sm);padding-bottom:var(--wp--preset--spacing--sm);padding-left:var(--wp--preset--spacing--sm)\">\n<p class=\"has-small-font-size wp-block-paragraph\">Carbon<br>#1a1a1c<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group has-white-color has-green-background-color has-text-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-b06746ed wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--sm);padding-right:var(--wp--preset--spacing--sm);padding-bottom:var(--wp--preset--spacing--sm);padding-left:var(--wp--preset--spacing--sm)\">\n<p class=\"has-small-font-size wp-block-paragraph\">Wakefield Green<br>#63a243<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group has-white-color has-green-olive-background-color has-text-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-b06746ed wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--sm);padding-right:var(--wp--preset--spacing--sm);padding-bottom:var(--wp--preset--spacing--sm);padding-left:var(--wp--preset--spacing--sm)\">\n<p class=\"has-small-font-size wp-block-paragraph\">Olive Green<br>#789a3a<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group has-carbon-color has-yellow-background-color has-text-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-b06746ed wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--sm);padding-right:var(--wp--preset--spacing--sm);padding-bottom:var(--wp--preset--spacing--sm);padding-left:var(--wp--preset--spacing--sm)\">\n<p class=\"has-small-font-size wp-block-paragraph\">Wakefield Yellow<br>#ffcc0b<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-cc97b447 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group has-ink-color has-paper-background-color has-text-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-b06746ed wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--sm);padding-right:var(--wp--preset--spacing--sm);padding-bottom:var(--wp--preset--spacing--sm);padding-left:var(--wp--preset--spacing--sm)\">\n<p class=\"has-small-font-size wp-block-paragraph\">Paper<br>#f6f6f9<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group has-ink-color has-gray-100-background-color has-text-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-b06746ed wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--sm);padding-right:var(--wp--preset--spacing--sm);padding-bottom:var(--wp--preset--spacing--sm);padding-left:var(--wp--preset--spacing--sm)\">\n<p class=\"has-small-font-size wp-block-paragraph\">Gray 100<br>#eaeaec<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group has-white-color has-gray-700-background-color has-text-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-b06746ed wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--sm);padding-right:var(--wp--preset--spacing--sm);padding-bottom:var(--wp--preset--spacing--sm);padding-left:var(--wp--preset--spacing--sm)\">\n<p class=\"has-small-font-size wp-block-paragraph\">Gray 700<br>#626a73<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group has-white-color has-blue-retail-background-color has-text-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-b06746ed wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--sm);padding-right:var(--wp--preset--spacing--sm);padding-bottom:var(--wp--preset--spacing--sm);padding-left:var(--wp--preset--spacing--sm)\">\n<p class=\"has-small-font-size wp-block-paragraph\">Retail Blue<br>#1998ff<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<p class=\"has-small-font-size wp-block-paragraph\">Additional palette tokens available in <code>theme.json<\/code>: Carbon 2, Carbon 3, Ink, White, Paper 2, Gray 300, Gray 500, Bright Green, Yellow Hover, and Legacy Teal.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull wf-section wf-section--light wf-section--grunge-texture has-global-padding is-layout-constrained wp-container-core-group-is-layout-1181e2a2 wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--xl);padding-right:var(--wp--preset--spacing--md);padding-bottom:var(--wp--preset--spacing--xl);padding-left:var(--wp--preset--spacing--md)\">\n<div class=\"wp-block-group alignwide has-global-padding is-layout-constrained wp-container-core-group-is-layout-b2d2622a wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Typography<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Body text uses Mukta. This paragraph includes <strong>bold text<\/strong>, a <a href=\"#\">sample text link<\/a>, and enough length to preview rhythm, line-height, and readable measure for content-heavy educational pages.<\/p>\n\n\n\n<h1 class=\"wp-block-heading\">H1 Roboto Slab 700<\/h1>\n\n\n\n<h2 class=\"wp-block-heading\">H2 Roboto Slab 600<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">H3 Bitter 700<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">H4 Bitter 600<\/h4>\n\n\n\n<h5 class=\"wp-block-heading\">H5 Bitter 600<\/h5>\n\n\n\n<h6 class=\"wp-block-heading\">H6 Bitter 500<\/h6>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Reusable patterns should stay modular.<\/li>\n\n\n\n<li>Native blocks should carry most layout work.<\/li>\n\n\n\n<li>Texture and dark sections should be used intentionally.<\/li>\n<\/ul>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Renewable carbon, clean hierarchy, and restrained visual systems should do the heavy lifting.<\/p>\n<\/blockquote>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull wf-grunge-transition wf-grunge-transition--light-to-dark has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\"><\/div>\n\n\n\n<div class=\"wp-block-group alignfull wf-section wf-section--dark has-global-padding is-layout-constrained wp-container-core-group-is-layout-1181e2a2 wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--xl);padding-right:var(--wp--preset--spacing--md);padding-bottom:var(--wp--preset--spacing--xl);padding-left:var(--wp--preset--spacing--md)\">\n<div class=\"wp-block-group alignwide has-global-padding is-layout-constrained wp-container-core-group-is-layout-32cc56da wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Buttons, Search, And Dark Sections<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The dark section class previews carbon surfaces, light text, yellow text links, native button styles, and the current search block treatment.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"#\">Primary CTA<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--7\"><a class=\"wp-block-button__link wp-element-button\" href=\"#\">Secondary CTA<\/a><\/div>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-white-color has-blue-retail-background-color has-text-color has-background wp-element-button\" href=\"#\">Retail CTA<\/a><\/div>\n<\/div>\n\n\n<form role=\"search\" method=\"get\" action=\"https:\/\/rrstage.wakefieldbiochar.com\/\" class=\"wp-block-search__button-inside wp-block-search__icon-button wf-header-search wp-block-search\"    ><label class=\"wp-block-search__label\" for=\"wp-block-search__input-8\" >Search<\/label><div class=\"wp-block-search__inside-wrapper\" ><input class=\"wp-block-search__input\" id=\"wp-block-search__input-8\" placeholder=\"Search articles and resources\" value=\"\" type=\"search\" name=\"s\" required \/><button aria-label=\"Search\" class=\"wp-block-search__button has-icon wp-element-button\" type=\"submit\" ><svg class=\"search-icon\" viewBox=\"0 0 24 24\" width=\"24\" height=\"24\">\n\t\t\t\t\t<path d=\"M13 5c-3.3 0-6 2.7-6 6 0 1.4.5 2.7 1.3 3.7l-3.8 3.8 1.1 1.1 3.8-3.8c1 .8 2.3 1.3 3.7 1.3 3.3 0 6-2.7 6-6S16.3 5 13 5zm0 10.5c-2.5 0-4.5-2-4.5-4.5s2-4.5 4.5-4.5 4.5 2 4.5 4.5-2 4.5-4.5 4.5z\"><\/path>\n\t\t\t\t<\/svg><\/button><\/div><\/form><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull wf-grunge-transition wf-grunge-transition--dark-to-light has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\"><\/div>\n\n\n\n<div class=\"wp-block-group alignfull wf-section wf-section--light has-global-padding is-layout-constrained wp-container-core-group-is-layout-f7347370 wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--xl);padding-right:var(--wp--preset--spacing--md);padding-bottom:var(--wp--preset--spacing--2-xl);padding-left:var(--wp--preset--spacing--md)\">\n<div class=\"wp-block-group alignwide has-global-padding is-layout-constrained wp-container-core-group-is-layout-b2d2622a wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Header And Reusable Section Notes<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">When viewed through the style guide page template, the live header and footer frame this pattern. Use this pattern to review the current logo, primary navigation, header search, and <strong>WHERE TO BUY<\/strong> CTA without adding a production navigation item.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-cfd2a90b wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h3 class=\"wp-block-heading\">Section Classes<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>wf-section wf-section--light<\/code><\/li>\n\n\n\n<li><code>wf-section wf-section--dark<\/code><\/li>\n\n\n\n<li><code>wf-section--grunge-texture<\/code><\/li>\n<\/ul>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h3 class=\"wp-block-heading\">Transition Classes<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>wf-grunge-transition--light-to-dark<\/code><\/li>\n\n\n\n<li><code>wf-grunge-transition--dark-to-light<\/code><\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Development reference Wakefield Theme Style Guide This reference pattern previews the current Wakefield design tokens, typography, buttons, forms, and reusable section background classes. It is intended for development review and should not be used as production page content. Color Tokens Carbon#1a1a1c Wakefield Green#63a243 Olive Green#789a3a Wakefield Yellow#ffcc0b Paper#f6f6f9 Gray 100#eaeaec Gray 700#626a73 Retail Blue#1998ff Additional [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-20","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/rrstage.wakefieldbiochar.com\/index.php?rest_route=\/wp\/v2\/pages\/20","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rrstage.wakefieldbiochar.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rrstage.wakefieldbiochar.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rrstage.wakefieldbiochar.com\/index.php?rest_route=\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/rrstage.wakefieldbiochar.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=20"}],"version-history":[{"count":4,"href":"https:\/\/rrstage.wakefieldbiochar.com\/index.php?rest_route=\/wp\/v2\/pages\/20\/revisions"}],"predecessor-version":[{"id":37,"href":"https:\/\/rrstage.wakefieldbiochar.com\/index.php?rest_route=\/wp\/v2\/pages\/20\/revisions\/37"}],"wp:attachment":[{"href":"https:\/\/rrstage.wakefieldbiochar.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=20"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}