{"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-10-06T13:35:01","modified_gmt":"2026-10-06T20:35:01","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-1e88c4a4 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-96db2ac2 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-da1d6529 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-8ae6da0b 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-440cb9fd 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-a89b3969 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-da1d6529 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-141c6ab5 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-55a9faa5 wp-block-group-is-layout-constrained\" style=\"margin-top:var(--wp--preset--spacing--60)\">\n<h1 class=\"wp-block-heading has-text-align-center has-xx-large-font-size\">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-a89b3969 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-da1d6529 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-7ee84d44 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-e088cbc5 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 has-xx-large-font-size\">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-da1d6529 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-7ee84d44 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-e088cbc5 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 has-xx-large-font-size\">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":1,"href":"https:\/\/briangardner.com\/suede\/wp-json\/wp\/v2\/pages\/6862\/revisions"}],"predecessor-version":[{"id":7998,"href":"https:\/\/briangardner.com\/suede\/wp-json\/wp\/v2\/pages\/6862\/revisions\/7998"}],"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}]}}