{"id":6385,"date":"2026-06-11T00:13:07","date_gmt":"2026-06-11T07:13:07","guid":{"rendered":"https:\/\/briangardner.com\/powder\/?page_id=38"},"modified":"2026-08-15T07:27:46","modified_gmt":"2026-08-15T14:27:46","slug":"patterns","status":"publish","type":"page","link":"https:\/\/briangardner.com\/suede\/patterns\/","title":{"rendered":"Patterns"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull has-global-padding is-layout-constrained wp-container-core-group-is-layout-851001ef wp-block-group-is-layout-constrained\" style=\"margin-top:0;padding-top:var(--wp--preset--spacing--100);padding-bottom:var(--wp--preset--spacing--100)\">\n<div class=\"wp-block-group alignwide is-content-justification-space-between is-nowrap is-layout-flex wp-container-core-group-is-layout-ae4c8e1e wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group alignwide is-layout-flow wp-container-core-group-is-layout-de79ee98 wp-block-group-is-layout-flow\">\n<p class=\"is-style-eyebrow has-accent-color has-text-color has-link-color wp-elements-1 is-style-eyebrow--1 wp-block-paragraph\">Suede Patterns<\/p>\n\n\n\n<h1 class=\"wp-block-heading has-xxx-large-font-size\">Built for authority,<br>designed with restraint.<\/h1>\n<\/div>\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=\"\/suede\/patterns\/\">View All Patterns<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignwide is-layout-grid wp-container-core-group-is-layout-03f7b46a wp-block-group-is-layout-grid\">\n<div class=\"wp-block-group has-white-color has-black-background-color has-text-color has-background has-link-color wp-elements-2 is-layout-flow wp-container-core-group-is-layout-32f5d61e wp-block-group-is-layout-flow\" style=\"padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)\"><div class=\"wp-block-icon\"><svg style=\"color:var(--wp--preset--color--black);background-color:var(--wp--preset--color--accent);width:48px;padding-top:12px;padding-bottom:12px;padding-left:12px;padding-right:12px;\" aria-label=\"Call to Action patterns icon\" class=\"has-text-color has-black-color has-background has-accent-background-color\" role=\"img\" width=\"48\" height=\"48\" viewbox=\"0 0 48 48\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M0 48V32.769H2.30775V45.6923H45.6923V2.30775H2.30775V15.231H0V0H48V48H0ZM20.3018 35.5328L18.5423 33.831L27.219 25.1535H0V22.8465H27.219L18.5423 14.169L20.3018 12.4672L31.8345 24L20.3018 35.5328Z\" fill=\"currentColor\" \/>\n<\/svg>\n<\/div>\n\n\n<h2 class=\"wp-block-heading has-text-align-left has-small-font-size\" style=\"line-height:1\">Call to Action<\/h2>\n\n\n\n<p class=\"has-base-color has-text-color has-link-color is-style-balanced has-white-60-color has-x-small-font-size wp-elements-3 wp-block-paragraph\" style=\"margin-top:10px;line-height:1.5\">Encourage meaningful action with a clear next step.<\/p>\n\n\n\n<p class=\"has-accent-color has-text-color has-link-color has-x-small-font-size wp-elements-4 wp-block-paragraph\"><a href=\"\/suede\/patterns\/call-to-action\/\" data-type=\"link\" data-id=\"\/suede\/patterns\/call-to-action\/\">View Call to Action patterns \u2192<\/a><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-white-color has-black-background-color has-text-color has-background has-link-color wp-elements-5 is-layout-flow wp-container-core-group-is-layout-32f5d61e wp-block-group-is-layout-flow\" style=\"padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)\"><div class=\"wp-block-icon\"><svg style=\"color:var(--wp--preset--color--black);background-color:var(--wp--preset--color--accent);width:48px;padding-top:12px;padding-bottom:12px;padding-left:12px;padding-right:12px;\" aria-label=\"Content patterns icon\" class=\"has-text-color has-black-color has-background has-accent-background-color\" role=\"img\" width=\"48\" height=\"48\" viewbox=\"0 0 48 48\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M0 21.3465V0H21.3465V21.3465H0ZM0 48V26.6535H21.3465V48H0ZM26.6535 21.3465V0H48V21.3465H26.6535ZM26.6535 48V26.6535H48V48H26.6535ZM2.30775 19.0387H19.0388V2.30775H2.30775V19.0387ZM28.9613 19.0387H45.6922V2.30775H28.9613V19.0387ZM28.9613 45.6922H45.6922V28.9613H28.9613V45.6922ZM2.30775 45.6922H19.0388V28.9613H2.30775V45.6922Z\" fill=\"currentColor\" \/>\n<\/svg>\n<\/div>\n\n\n<h2 class=\"wp-block-heading has-text-align-left has-small-font-size\" style=\"line-height:1\">Content<\/h2>\n\n\n\n<p class=\"has-base-color has-text-color has-link-color is-style-balanced has-white-60-color has-x-small-font-size wp-elements-6 wp-block-paragraph\" style=\"margin-top:10px;line-height:1.5\">Build pages that inform, engage, and inspire your visitors.<\/p>\n\n\n\n<p class=\"has-accent-color has-text-color has-link-color has-x-small-font-size wp-elements-7 wp-block-paragraph\"><a href=\"\/suede\/patterns\/content\/\" data-type=\"link\" data-id=\"\/suede\/patterns\/content\/\">View Content patterns \u2192<\/a><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-white-color has-black-background-color has-text-color has-background has-link-color wp-elements-8 is-layout-flow wp-container-core-group-is-layout-32f5d61e wp-block-group-is-layout-flow\" style=\"padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)\"><div class=\"wp-block-icon\"><svg style=\"color:var(--wp--preset--color--black);background-color:var(--wp--preset--color--accent);width:48px;padding-top:12px;padding-bottom:12px;padding-left:12px;padding-right:12px;\" aria-label=\"Editorial patterns icon\" class=\"has-text-color has-black-color has-background has-accent-background-color\" role=\"img\" width=\"48\" height=\"48\" viewbox=\"0 0 48 48\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M10.3905 37.5173H28.2465V35.2095H10.3905V37.5173ZM10.3905 25.1535H37.6095V22.8465H10.3905V25.1535ZM10.3905 12.7905H37.6095V10.4828H10.3905V12.7905ZM0 48V0H48V48H0ZM2.30775 45.6923H45.6923V2.30775H2.30775V45.6923Z\" fill=\"currentColor\" \/>\n<\/svg>\n<\/div>\n\n\n<h2 class=\"wp-block-heading has-text-align-left has-small-font-size\" style=\"line-height:1\">Editorial<\/h2>\n\n\n\n<p class=\"has-base-color has-text-color has-link-color is-style-balanced has-white-60-color has-x-small-font-size wp-elements-9 wp-block-paragraph\" style=\"margin-top:10px;line-height:1.5\">Invite moments of pause that encourage deeper reading.<\/p>\n\n\n\n<p class=\"has-accent-color has-text-color has-link-color has-x-small-font-size wp-elements-10 wp-block-paragraph\"><a href=\"\/suede\/patterns\/editorial\/\" data-type=\"link\" data-id=\"\/suede\/patterns\/editorial\/\">View Editorial patterns \u2192<\/a><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-white-color has-black-background-color has-text-color has-background has-link-color wp-elements-11 is-layout-flow wp-container-core-group-is-layout-32f5d61e wp-block-group-is-layout-flow\" style=\"padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)\"><div class=\"wp-block-icon\"><svg style=\"color:var(--wp--preset--color--black);background-color:var(--wp--preset--color--accent);width:48px;padding-top:12px;padding-bottom:12px;padding-left:12px;padding-right:12px;\" aria-label=\"Footer patterns icon\" class=\"has-text-color has-black-color has-background has-accent-background-color\" role=\"img\" width=\"48\" height=\"48\" viewbox=\"0 0 48 48\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M0 48V45.6922H48V48H0ZM0 37.8465V0H48V37.8465H0ZM2.30775 35.5388H45.6922V2.30775H2.30775V35.5388Z\" fill=\"currentColor\" \/>\n<\/svg>\n<\/div>\n\n\n<h2 class=\"wp-block-heading has-text-align-left has-small-font-size\" style=\"line-height:1\">Footer<\/h2>\n\n\n\n<p class=\"has-base-color has-text-color has-link-color is-style-balanced has-white-60-color has-x-small-font-size wp-elements-12 wp-block-paragraph\" style=\"margin-top:10px;line-height:1.5\">Connect with visitors and share essential information.<\/p>\n\n\n\n<p class=\"has-accent-color has-text-color has-link-color has-x-small-font-size wp-elements-13 wp-block-paragraph\"><a href=\"\/suede\/patterns\/footer\/\" data-type=\"link\" data-id=\"\/suede\/patterns\/footer\/\">View Footer patterns \u2192<\/a><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-white-color has-black-background-color has-text-color has-background has-link-color wp-elements-14 is-layout-flow wp-container-core-group-is-layout-32f5d61e wp-block-group-is-layout-flow\" style=\"padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)\"><div class=\"wp-block-icon\"><svg style=\"color:var(--wp--preset--color--black);background-color:var(--wp--preset--color--accent);width:48px;padding-top:12px;padding-bottom:12px;padding-left:12px;padding-right:12px;\" aria-label=\"Gallery patterns icon\" class=\"has-text-color has-black-color has-background has-accent-background-color\" role=\"img\" width=\"48\" height=\"48\" viewbox=\"0 0 48 48\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M21.3638 48H0V0H21.3638V48ZM19.056 45.6923V2.30775H2.30775V45.6923H19.056ZM26.6715 21.3285V0H48V21.3285H26.6715ZM28.9785 19.0215H45.6923V2.30775H28.9785V19.0215ZM26.6715 48V26.6363H48V48H26.6715ZM28.9785 45.6923H45.6923V28.944H28.9785V45.6923Z\" fill=\"currentColor\" \/>\n<\/svg>\n<\/div>\n\n\n<h2 class=\"wp-block-heading has-text-align-left has-small-font-size\" style=\"line-height:1\">Gallery<\/h2>\n\n\n\n<p class=\"has-base-color has-text-color has-link-color is-style-balanced has-white-60-color has-x-small-font-size wp-elements-15 wp-block-paragraph\" style=\"margin-top:10px;line-height:1.5\">Showcase images and create lasting visual interest.<\/p>\n\n\n\n<p class=\"has-accent-color has-text-color has-link-color has-x-small-font-size wp-elements-16 wp-block-paragraph\"><a href=\"\/suede\/patterns\/gallery\/\" data-type=\"link\" data-id=\"\/suede\/patterns\/gallery\/\">View Gallery patterns \u2192<\/a><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-white-color has-black-background-color has-text-color has-background has-link-color wp-elements-17 is-layout-flow wp-container-core-group-is-layout-32f5d61e wp-block-group-is-layout-flow\" style=\"padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)\"><div class=\"wp-block-icon\"><svg style=\"color:var(--wp--preset--color--black);background-color:var(--wp--preset--color--accent);width:48px;padding-top:12px;padding-bottom:12px;padding-left:12px;padding-right:12px;\" aria-label=\"Header patterns icon\" class=\"has-text-color has-black-color has-background has-accent-background-color\" role=\"img\" width=\"48\" height=\"48\" viewbox=\"0 0 48 48\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M0 2.30775V0H48V2.30775H0ZM0 48V10.1535H48V48H0ZM2.30775 45.6923H45.6923V12.4613H2.30775V45.6923Z\" fill=\"currentColor\" \/>\n<\/svg>\n<\/div>\n\n\n<h2 class=\"wp-block-heading has-text-align-left has-small-font-size\" style=\"line-height:1\">Header<\/h2>\n\n\n\n<p class=\"has-base-color has-text-color has-link-color is-style-balanced has-white-60-color has-x-small-font-size wp-elements-18 wp-block-paragraph\" style=\"margin-top:10px;line-height:1.5\">Welcome visitors and create a strong first impression.<\/p>\n\n\n\n<p class=\"has-accent-color has-text-color has-link-color has-x-small-font-size wp-elements-19 wp-block-paragraph\"><a href=\"\/suede\/patterns\/header\/\" data-type=\"link\" data-id=\"\/suede\/patterns\/header\/\">View Header patterns \u2192<\/a><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-white-color has-black-background-color has-text-color has-background has-link-color wp-elements-20 is-layout-flow wp-container-core-group-is-layout-32f5d61e wp-block-group-is-layout-flow\" style=\"padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)\"><div class=\"wp-block-icon\"><svg style=\"color:var(--wp--preset--color--black);background-color:var(--wp--preset--color--accent);width:48px;padding-top:12px;padding-bottom:12px;padding-left:12px;padding-right:12px;\" aria-label=\"Hero patterns icon\" class=\"has-text-color has-black-color has-background has-accent-background-color\" role=\"img\" width=\"48\" height=\"48\" viewbox=\"0 0 48 48\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M0 48V0H48V48H0ZM5.41725 28.6613L17.856 16.2233L30.2018 28.569L42.5655 16.206L45.6923 19.3328V2.30775H2.30775V25.5518L5.41725 28.6613ZM2.30775 45.6923H45.6923V22.65L42.5655 19.5233L30.2018 31.8863L17.856 19.5405L5.41725 31.9215L2.30775 28.869V45.6923ZM2.30775 45.6923V22.65V24.9578V2.30775V45.6923Z\" fill=\"currentColor\" \/>\n<\/svg>\n<\/div>\n\n\n<h2 class=\"wp-block-heading has-text-align-left has-small-font-size\" style=\"line-height:1\">Hero<\/h2>\n\n\n\n<p class=\"has-base-color has-text-color has-link-color is-style-balanced has-white-60-color has-x-small-font-size wp-elements-21 wp-block-paragraph\" style=\"margin-top:10px;line-height:1.5\">Introduce your message with authority and presence.<\/p>\n\n\n\n<p class=\"has-accent-color has-text-color has-link-color has-x-small-font-size wp-elements-22 wp-block-paragraph\"><a href=\"\/suede\/patterns\/hero\/\" data-type=\"link\" data-id=\"\/suede\/patterns\/hero\/\">View Hero patterns \u2192<\/a><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-white-color has-black-background-color has-text-color has-background has-link-color wp-elements-23 is-layout-flow wp-container-core-group-is-layout-32f5d61e wp-block-group-is-layout-flow\" style=\"padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)\"><div class=\"wp-block-icon\"><svg style=\"color:var(--wp--preset--color--black);background-color:var(--wp--preset--color--accent);width:48px;padding-top:12px;padding-bottom:12px;padding-left:12px;padding-right:12px;\" aria-label=\"Pricing patterns icon\" class=\"has-text-color has-black-color has-background has-accent-background-color\" role=\"img\" width=\"48\" height=\"48\" viewbox=\"0 0 48 48\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M0 48V0H48V48H0ZM2.30775 13.5221H45.6923V2.30858H2.30775V13.5221ZM2.30775 45.6914H12V15.8307H2.30775V45.6914ZM36 45.6914H45.6923V15.8307H36V45.6914ZM14.3077 45.6914H33.6922V15.8307H14.3077V45.6914Z\" fill=\"currentColor\" \/>\n<\/svg>\n<\/div>\n\n\n<h2 class=\"wp-block-heading has-text-align-left has-small-font-size\" style=\"line-height:1\">Pricing<\/h2>\n\n\n\n<p class=\"has-base-color has-text-color has-link-color is-style-balanced has-white-60-color has-x-small-font-size wp-elements-24 wp-block-paragraph\" style=\"margin-top:10px;line-height:1.5\">Introduce your message with authority and presence.<\/p>\n\n\n\n<p class=\"has-accent-color has-text-color has-link-color has-x-small-font-size wp-elements-25 wp-block-paragraph\"><a href=\"\/suede\/patterns\/pricing\/\" data-type=\"link\" data-id=\"\/suede\/patterns\/pricing\/\">View Pricing patterns \u2192<\/a><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-white-color has-black-background-color has-text-color has-background has-link-color wp-elements-26 is-layout-flow wp-container-core-group-is-layout-32f5d61e wp-block-group-is-layout-flow\" style=\"padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)\"><div class=\"wp-block-icon\"><svg style=\"color:var(--wp--preset--color--black);background-color:var(--wp--preset--color--accent);width:48px;padding-top:12px;padding-bottom:12px;padding-left:12px;padding-right:12px;\" aria-label=\"Testimonial patterns icon\" class=\"has-text-color has-black-color has-background has-accent-background-color\" role=\"img\" width=\"48\" height=\"48\" viewbox=\"0 0 48 48\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M0 48V0H48V39.3512H8.20533L0 48ZM7.292 37.189H45.9487V2.16221H2.05133V42.9188L7.292 37.189Z\" fill=\"currentColor\" \/>\n<\/svg>\n<\/div>\n\n\n<h2 class=\"wp-block-heading has-text-align-left has-small-font-size\" style=\"line-height:1\">Testimonial<\/h2>\n\n\n\n<p class=\"has-base-color has-text-color has-link-color is-style-balanced has-white-60-color has-x-small-font-size wp-elements-27 wp-block-paragraph\" style=\"margin-top:10px;line-height:1.5\">Highlight experiences that build trust and confidence.<\/p>\n\n\n\n<p class=\"has-accent-color has-text-color has-link-color has-x-small-font-size wp-elements-28 wp-block-paragraph\"><a href=\"\/suede\/patterns\/testimonial\/\" data-type=\"link\" data-id=\"\/suede\/patterns\/testimonial\/\">View Testimonial patterns \u2192<\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Suede Patterns Built for authority,designed with restraint. Call to Action Encourage meaningful action with a clear next step. View Call to Action patterns \u2192 Content Build pages that inform, engage, and inspire your visitors. View Content patterns \u2192 Editorial Invite moments of pause that encourage deeper reading. View Editorial patterns \u2192 Footer Connect with visitors [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"no-title","meta":{"simple_seo_seo_title":"Suede Theme Patterns \u2013 Brian Gardner","simple_seo_seo_description":"Explore the ready-to-use pattern library included with the Suede WordPress theme for faster website creation.","simple_seo_seo_robots":"","simple_seo_seo_canonical":"","simple_seo_seo_redirect":"","footnotes":""},"class_list":["post-6385","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/briangardner.com\/suede\/wp-json\/wp\/v2\/pages\/6385","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/briangardner.com\/suede\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/briangardner.com\/suede\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/briangardner.com\/suede\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/briangardner.com\/suede\/wp-json\/wp\/v2\/comments?post=6385"}],"version-history":[{"count":113,"href":"https:\/\/briangardner.com\/suede\/wp-json\/wp\/v2\/pages\/6385\/revisions"}],"predecessor-version":[{"id":7340,"href":"https:\/\/briangardner.com\/suede\/wp-json\/wp\/v2\/pages\/6385\/revisions\/7340"}],"wp:attachment":[{"href":"https:\/\/briangardner.com\/suede\/wp-json\/wp\/v2\/media?parent=6385"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}