{"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-08-09T15:11:08","modified_gmt":"2026-08-09T22:11:08","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-white-color has-black-background-color has-text-color has-background has-link-color wp-elements-2 has-global-padding is-layout-constrained wp-container-core-group-is-layout-3c1f47ab wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--100);padding-bottom:var(--wp--preset--spacing--100)\">\n<div class=\"wp-block-group is-content-justification-center is-layout-flex wp-container-core-group-is-layout-88f97eae wp-block-group-is-layout-flex\">\n<hr class=\"wp-block-separator has-text-color has-accent-color has-alpha-channel-opacity has-accent-background-color has-background is-style-short\"\/>\n\n\n\n<p class=\"has-text-align-center is-style-eyebrow has-accent-color has-text-color has-link-color wp-elements-3 is-style-eyebrow--2 wp-block-paragraph\">Available everywhere<\/p>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-accent-color has-alpha-channel-opacity has-accent-background-color has-background is-style-short\"\/>\n<\/div>\n\n\n\n<h1 class=\"wp-block-heading has-text-align-center is-style-balanced\" style=\"margin-top:var(--wp--preset--spacing--20);font-size:clamp(38.682px, 2.418rem + ((1vw - 6.4px) * 5.206), 72px);\">Design and launch your WordPress website in minutes.<\/h1>\n\n\n\n<p class=\"has-text-align-center has-white-50-color has-text-color has-link-color wp-elements-4 wp-block-paragraph\" style=\"margin-top:10px\">Everything you need to build 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 wp-states-de15d481\"><a class=\"wp-block-button__link has-xx-small-font-size has-custom-font-size 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-5 wp-block-paragraph\">Rooted in simplicity and designed with precision, Suede delivers an unmistakable sense of style, 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--4\">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--5 wp-block-paragraph\">Meet Suede<\/p>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-black-color has-alpha-channel-opacity has-black-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-6 wp-block-paragraph\" style=\"margin-top:var(--wp--preset--spacing--20)\">Rooted in simplicity and designed with precision, Suede delivers an unmistakable sense of style, 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--6\">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--7 wp-block-paragraph\">Meet Suede<\/p>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-black-color has-alpha-channel-opacity has-black-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-7 wp-block-paragraph\" style=\"margin-top:var(--wp--preset--spacing--20)\">Rooted in simplicity and designed with precision, Suede delivers an unmistakable sense of style, 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 Available everywhere Design and launch your WordPress website in minutes. Everything you need to build authority and presence. Image and Text Meet Suede. Rooted in simplicity and designed with precision, Suede delivers an unmistakable sense of style, authority, and presence. Image and Text Meet [&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":"Suede Hero Patterns \u2013 Brian Gardner","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":"","simple_seo_seo_redirect":"","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":109,"href":"https:\/\/briangardner.com\/suede\/wp-json\/wp\/v2\/pages\/6862\/revisions"}],"predecessor-version":[{"id":7273,"href":"https:\/\/briangardner.com\/suede\/wp-json\/wp\/v2\/pages\/6862\/revisions\/7273"}],"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}]}}