{"id":6862,"date":"2026-07-25T06:37:31","date_gmt":"2026-07-25T13:37:31","guid":{"rendered":"https:\/\/briangardner.com\/suede\/?page_id=6862"},"modified":"2026-07-26T14:34:07","modified_gmt":"2026-07-26T21:34:07","slug":"hero","status":"publish","type":"page","link":"https:\/\/briangardner.com\/suede\/patterns\/hero\/","title":{"rendered":"Hero"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull has-global-padding is-layout-constrained wp-container-core-group-is-layout-9937f40d wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--80);padding-bottom:var(--wp--preset--spacing--80)\">\n<div class=\"wp-block-group alignwide has-global-padding is-layout-constrained wp-container-core-group-is-layout-15713ea6 wp-block-group-is-layout-constrained\" style=\"margin-bottom:var(--wp--preset--spacing--80)\">\n<h1 class=\"wp-block-heading has-text-align-center has-xxx-large-font-size\">Hero<\/h1>\n\n\n\n<p class=\"has-text-align-center has-black-60-color has-text-color has-link-color wp-elements-1 wp-block-paragraph\">Introduce your message with authority and presence.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignwide is-layout-flow wp-container-core-group-is-layout-de79ee98 wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading is-style-eyebrow has-x-small-font-size is-style-eyebrow--1\">Text and Image<\/h2>\n\n\n\n<div class=\"wp-block-group alignfull has-border-color has-black-10-border-color has-global-padding is-layout-constrained wp-container-core-group-is-layout-7835d3c4 wp-block-group-is-layout-constrained\" style=\"border-width:1px;padding-top:var(--wp--preset--spacing--80);padding-bottom:var(--wp--preset--spacing--80)\">\n<h1 class=\"wp-block-heading has-text-align-center is-style-balanced has-xxx-large-font-size is-style-balanced--2\">Design and launch your WordPress website in minutes.<\/h1>\n\n\n\n<p class=\"has-text-align-center has-black-60-color has-text-color has-link-color wp-elements-2 wp-block-paragraph\" style=\"margin-top:10px\">Suede provides a foundation centered on authority and presence.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-dd0a6548 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"#\" style=\"padding-top:var(--wp--preset--spacing--medium);padding-right:var(--wp--preset--spacing--x-large);padding-bottom:var(--wp--preset--spacing--medium);padding-left:var(--wp--preset--spacing--x-large)\">Explore Suede \u2192<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignwide is-layout-flow wp-container-core-group-is-layout-de79ee98 wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading is-style-eyebrow has-x-small-font-size is-style-eyebrow--3\">Image and Text<\/h2>\n\n\n\n<div class=\"wp-block-group alignfull has-border-color has-black-10-border-color has-global-padding is-layout-constrained wp-container-core-group-is-layout-70216ed2 wp-block-group-is-layout-constrained\" style=\"border-width:1px;padding-top:var(--wp--preset--spacing--80);padding-bottom:var(--wp--preset--spacing--80)\">\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/briangardner.com\/suede\/wp-content\/themes\/suede\/assets\/images\/sample-image.svg\" alt=\"Sample image\" style=\"aspect-ratio:16\/9;object-fit:cover\"\/><\/figure>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-7b6f92eb wp-block-group-is-layout-constrained\" style=\"margin-top:var(--wp--preset--spacing--60)\">\n<h1 class=\"wp-block-heading has-text-align-center\" style=\"font-size:clamp(27.894px, 1.743rem + ((1vw - 6.4px) * 3.142), 48px);\">Meet Suede.<\/h1>\n\n\n\n<p class=\"has-text-align-center is-style-balanced has-black-60-color has-text-color has-link-color wp-elements-3 is-style-balanced--4 wp-block-paragraph\">Rooted in simplicity and crafted with purpose, Suede provides a strong foundation centered on authority and presence.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-dd0a6548 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"#\">Explore Suede \u2192<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignwide is-layout-flow wp-container-core-group-is-layout-de79ee98 wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading is-style-eyebrow has-x-small-font-size is-style-eyebrow--5\">Image and Text<\/h2>\n\n\n\n<div class=\"wp-block-group alignfull has-border-color has-black-10-border-color has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"border-width:1px;padding-top:var(--wp--preset--spacing--80);padding-bottom:var(--wp--preset--spacing--80)\">\n<div class=\"wp-block-columns alignwide are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-af3ef210 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/briangardner.com\/suede\/wp-content\/themes\/suede\/assets\/images\/sample-image.svg\" alt=\"Sample image\"\/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-5b2e3f4d wp-block-group-is-layout-flex\">\n<p class=\"is-style-eyebrow is-style-eyebrow--6 wp-block-paragraph\">Meet Suede<\/p>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-contrast-color has-alpha-channel-opacity has-contrast-background-color has-background\"\/>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\" style=\"font-size:clamp(27.894px, 1.743rem + ((1vw - 6.4px) * 3.142), 48px);\">Built for authority, designed with restraint.<\/h2>\n\n\n\n<p class=\"is-style-balanced has-black-60-color has-text-color has-link-color wp-elements-4 is-style-balanced--7 wp-block-paragraph\" style=\"margin-top:var(--wp--preset--spacing--20)\">Rooted in simplicity and shaped with intent, Suede provides a strong foundation centered on authority and presence.<\/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=\"#\">Explore Suede \u2192<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignwide is-layout-flow wp-container-core-group-is-layout-de79ee98 wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading is-style-eyebrow has-x-small-font-size is-style-eyebrow--8\">Image and Text<\/h2>\n\n\n\n<div class=\"wp-block-group alignfull has-border-color has-black-10-border-color has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"border-width:1px;padding-top:var(--wp--preset--spacing--80);padding-bottom:var(--wp--preset--spacing--80)\">\n<div class=\"wp-block-columns alignwide are-vertically-aligned-center is-style-column-reverse is-layout-flex wp-container-core-columns-is-layout-af3ef210 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-5b2e3f4d wp-block-group-is-layout-flex\">\n<p class=\"is-style-eyebrow is-style-eyebrow--9 wp-block-paragraph\">Meet Suede<\/p>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-contrast-color has-alpha-channel-opacity has-contrast-background-color has-background\"\/>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\" style=\"font-size:clamp(27.894px, 1.743rem + ((1vw - 6.4px) * 3.142), 48px);\">Built for authority, designed with restraint.<\/h2>\n\n\n\n<p class=\"is-style-balanced has-black-60-color has-text-color has-link-color wp-elements-5 is-style-balanced--10 wp-block-paragraph\" style=\"margin-top:var(--wp--preset--spacing--20)\">Rooted in simplicity and shaped with intent, Suede provides a strong foundation centered on authority and presence.<\/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=\"#\">Explore Suede \u2192<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/briangardner.com\/suede\/wp-content\/themes\/suede\/assets\/images\/sample-image.svg\" alt=\"Sample image\"\/><\/figure>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Hero Introduce your message with authority and presence. Text and Image Design and launch your WordPress website in minutes. Suede provides a foundation centered on authority and presence. Image and Text Meet Suede. Rooted in simplicity and crafted with purpose, Suede provides a strong foundation centered on authority and presence. Image and Text Meet Suede [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":6385,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"no-title","meta":{"simple_seo_seo_title":"Hero Patterns \u2013 Suede WordPress Theme","simple_seo_seo_description":"Explore hero patterns in the Suede WordPress theme, designed to introduce your message with clarity and presence.","simple_seo_seo_robots":"","simple_seo_seo_canonical":"","footnotes":""},"class_list":["post-6862","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/briangardner.com\/suede\/wp-json\/wp\/v2\/pages\/6862","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=6862"}],"version-history":[{"count":81,"href":"https:\/\/briangardner.com\/suede\/wp-json\/wp\/v2\/pages\/6862\/revisions"}],"predecessor-version":[{"id":6972,"href":"https:\/\/briangardner.com\/suede\/wp-json\/wp\/v2\/pages\/6862\/revisions\/6972"}],"up":[{"embeddable":true,"href":"https:\/\/briangardner.com\/suede\/wp-json\/wp\/v2\/pages\/6385"}],"wp:attachment":[{"href":"https:\/\/briangardner.com\/suede\/wp-json\/wp\/v2\/media?parent=6862"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}