{"id":62,"date":"2026-03-14T16:41:44","date_gmt":"2026-03-14T16:41:44","guid":{"rendered":"https:\/\/demo.romanfink.com\/keahi\/patterns\/hero-patterns\/"},"modified":"2026-03-14T17:33:48","modified_gmt":"2026-03-14T17:33:48","slug":"hero-patterns","status":"publish","type":"page","link":"https:\/\/demo.romanfink.com\/keahi\/patterns\/hero-patterns\/","title":{"rendered":"Hero Patterns"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull has-background-background-color has-background is-layout-constrained wp-container-core-group-is-layout-a304e7e3 wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)\">\n\n\n<h1 class=\"wp-block-heading has-text-align-center has-xxx-large-font-size\" style=\"font-weight:600;letter-spacing:-0.04em;line-height:1.05\">Hero Patterns<\/h1>\n\n\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-background is-layout-constrained wp-container-core-group-is-layout-d3a498a4 wp-block-group-is-layout-constrained\" style=\"background-color:#f0ebe4;margin-top:0;margin-bottom:0;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)\">\n\n\n<p class=\"has-text-align-center has-secondary-color has-text-color\" style=\"font-size:0.85rem;font-weight:600;letter-spacing:0.08em;text-transform:uppercase\">Hero \u2014 Centered<\/p>\n\n\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-background-background-color has-background is-layout-constrained wp-container-core-group-is-layout-f97f3124 wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--20)\">\n<figure class=\"wp-block-image aligncenter size-full is-resized has-custom-border\"><img decoding=\"async\" src=\"https:\/\/demo.romanfink.com\/wp-content\/themes\/keahi-pro\/assets\/images\/hero-portrait.jpg\" alt=\"Marina Volkova\" style=\"border-top-left-radius:1000px;border-top-right-radius:1000px;border-bottom-left-radius:1000px;border-bottom-right-radius:1000px;aspect-ratio:1;object-fit:cover;width:300px\"\/><\/figure>\n\n\n\n<div class=\"wp-block-group is-vertical is-content-justification-stretch is-layout-flex wp-container-core-group-is-layout-69c550ab wp-block-group-is-layout-flex\">\n<p class=\"has-text-align-center has-secondary-color has-text-color has-small-font-size\" style=\"margin-bottom:var(--wp--preset--spacing--10);font-weight:600;letter-spacing:-0.01em\">(Spatial Designer)<\/p>\n\n\n\n<p class=\"has-text-align-center\">Keahi \/ Los Angeles<\/p>\n\n\n\n<h1 class=\"wp-block-heading has-text-align-center has-xxx-large-font-size\" style=\"margin-top:var(--wp--preset--spacing--20);margin-bottom:var(--wp--preset--spacing--30);font-weight:600;letter-spacing:-0.04em;line-height:1.05\">Space should earn its silence<\/h1>\n\n\n\n<p class=\"has-text-align-center is-style-keahi-pro-text-balance\">Spatial designer and architect creating structures that listen to the landscape. <br>Residential, cultural, and commercial projects across 12 countries.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-d8c0be80 wp-block-buttons-is-layout-flex\" style=\"margin-top:var(--wp--preset--spacing--40)\">\n<div class=\"wp-block-button is-style-outline is-style-outline--1\"><a class=\"wp-block-button__link has-primary-color has-text-color has-link-color has-border-color has-normal-font-size has-custom-font-size wp-element-button\" href=\"#work\" style=\"border-color:#1e1e1e;border-width:2px;border-top-left-radius:3px;border-top-right-radius:3px;border-bottom-left-radius:3px;border-bottom-right-radius:3px;padding-top:var(--wp--preset--spacing--10);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--10);padding-left:var(--wp--preset--spacing--50);font-weight:600;letter-spacing:-0.02em;text-transform:uppercase\">Selected Work<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-background is-layout-constrained wp-container-core-group-is-layout-d3a498a4 wp-block-group-is-layout-constrained\" style=\"background-color:#f0ebe4;margin-top:0;margin-bottom:0;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)\">\n\n\n<p class=\"has-text-align-center has-secondary-color has-text-color\" style=\"font-size:0.85rem;font-weight:600;letter-spacing:0.08em;text-transform:uppercase\">Hero \u2014 Dark Cover<\/p>\n\n\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-background-background-color has-background is-layout-constrained wp-container-core-group-is-layout-74935142 wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28232c24 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-stretch is-layout-flow wp-block-column-is-layout-flow\" style=\"padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;flex-basis:50%\">\n<figure class=\"wp-block-image size-full has-custom-border\"><img decoding=\"async\" src=\"https:\/\/demo.romanfink.com\/wp-content\/themes\/keahi-pro\/assets\/images\/hero-portrait.jpg\" alt=\"Daniel Park, Brand Consultant\" style=\"border-radius:0px;aspect-ratio:3\/4;object-fit:cover\"\/><\/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\" style=\"padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--50);flex-basis:50%\">\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-c35747d5 wp-block-group-is-layout-flex\">\n<p class=\"has-secondary-color has-text-color has-tiny-font-size\" style=\"font-weight:600;letter-spacing:-0.01em\">(Brand Consultant)<\/p>\n\n\n\n<h1 class=\"wp-block-heading has-xx-large-font-size\" style=\"font-weight:600;letter-spacing:-0.04em;line-height:1.05\">Brands that make people feel certain.<\/h1>\n\n\n\n<p class=\"has-secondary-color has-text-color has-small-font-size\" style=\"font-weight:600;letter-spacing:-0.01em;line-height:1.5\">I help companies find a clear identity and communicate it without compromise.<\/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 has-background-color has-primary-background-color has-text-color has-background wp-element-button\" style=\"border-radius:0px;font-weight:600;letter-spacing:-0.01em\">View Selected Work<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--2\"><a class=\"wp-block-button__link wp-element-button\" style=\"border-radius:0px;border-top-color:var(--wp--preset--color--primary);border-top-width:1px;border-right-color:var(--wp--preset--color--primary);border-right-width:1px;border-bottom-color:var(--wp--preset--color--primary);border-bottom-width:1px;border-left-color:var(--wp--preset--color--primary);border-left-width:1px;font-weight:600;letter-spacing:-0.01em\">Get in Touch<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-background is-layout-constrained wp-container-core-group-is-layout-d3a498a4 wp-block-group-is-layout-constrained\" style=\"background-color:#f0ebe4;margin-top:0;margin-bottom:0;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)\">\n\n\n<p class=\"has-text-align-center has-secondary-color has-text-color\" style=\"font-size:0.85rem;font-weight:600;letter-spacing:0.08em;text-transform:uppercase\">Hero \u2014 Portrait Right<\/p>\n\n\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-background-background-color has-background is-layout-constrained wp-container-core-group-is-layout-74935142 wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">\n<figure class=\"wp-block-image alignfull size-full has-custom-border\"><img decoding=\"async\" src=\"https:\/\/demo.romanfink.com\/wp-content\/themes\/keahi-pro\/assets\/images\/hero-portrait.jpg\" alt=\"Aisha Laurent, UX Designer\" style=\"border-radius:0px\"\/><\/figure>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-container-core-group-is-layout-9163af46 wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--40)\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-658170e2 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:25%\">\n<p class=\"has-secondary-color has-text-color has-tiny-font-size\" style=\"font-weight:600;letter-spacing:-0.01em\">(Product &amp; UX Designer)<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-container-core-column-is-layout-f5bb311e wp-block-column-is-layout-flow\" style=\"flex-basis:75%\">\n<h1 class=\"wp-block-heading has-xxx-large-font-size\" style=\"font-weight:600;letter-spacing:-0.04em;line-height:1.05\">I design the parts users never notice \u2014 because they just work.<\/h1>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7fc3d43a wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:65%\">\n<p class=\"has-secondary-color has-text-color has-normal-font-size\" style=\"font-weight:600;letter-spacing:-0.01em;line-height:1.5\">I help product teams remove friction, build clarity, and ship interfaces that feel inevitable.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-bottom is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:35%\">\n<div class=\"wp-block-buttons is-content-justification-right is-layout-flex wp-container-core-buttons-is-layout-d445cf74 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-background-color has-primary-background-color has-text-color has-background wp-element-button\" style=\"border-radius:0px;font-weight:600;letter-spacing:-0.01em\">View Case Studies<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-background is-layout-constrained wp-container-core-group-is-layout-d3a498a4 wp-block-group-is-layout-constrained\" style=\"background-color:#f0ebe4;margin-top:0;margin-bottom:0;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)\">\n\n\n<p class=\"has-text-align-center has-secondary-color has-text-color\" style=\"font-size:0.85rem;font-weight:600;letter-spacing:0.08em;text-transform:uppercase\">Hero \u2014 Split Dark<\/p>\n\n\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-background is-layout-constrained wp-container-core-group-is-layout-8df25361 wp-block-group-is-layout-constrained\" style=\"background-color:#1e1e1e;margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--40)\">\n<div class=\"wp-block-columns are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-14cf5ab5 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-container-core-column-is-layout-f5bb311e wp-block-column-is-layout-flow\" style=\"flex-basis:60%\">\n<p class=\"has-text-color has-tiny-font-size\" style=\"color:#ffffff;font-weight:600;letter-spacing:-0.01em\">(Art Director)<\/p>\n\n\n\n<h1 class=\"wp-block-heading has-text-color has-xxx-large-font-size\" style=\"color:#ffffff;font-weight:600;letter-spacing:-0.04em;line-height:1.05\">I turn creative chaos into visual clarity.<\/h1>\n\n\n\n<p class=\"has-text-color has-normal-font-size\" style=\"color:#ffffff;font-weight:600;letter-spacing:-0.01em;line-height:1.5\">Art director with 12 years of experience shaping visual identities for brands that refuse to blend in. From campaign concepts to final production \u2014 every detail matters.<\/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 has-transparent-background-color has-text-color has-background has-border-color wp-element-button\" style=\"border-color:#ffffff;border-width:2px;border-radius:3px;color:#ffffff;font-weight:600;letter-spacing:-0.02em\">See the Work<\/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\" style=\"flex-basis:40%\">\n<figure class=\"wp-block-image size-full has-custom-border\"><img decoding=\"async\" src=\"https:\/\/demo.romanfink.com\/wp-content\/themes\/keahi-pro\/assets\/images\/hero-portrait.jpg\" alt=\"Leo Nakamura, Art Director\" style=\"border-radius:5px;aspect-ratio:3\/4;object-fit:cover\"\/><\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-background is-layout-constrained wp-container-core-group-is-layout-d3a498a4 wp-block-group-is-layout-constrained\" style=\"background-color:#f0ebe4;margin-top:0;margin-bottom:0;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)\">\n\n\n<p class=\"has-text-align-center has-secondary-color has-text-color\" style=\"font-size:0.85rem;font-weight:600;letter-spacing:0.08em;text-transform:uppercase\">Hero \u2014 Text Only<\/p>\n\n\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-background-background-color has-background is-layout-constrained wp-container-core-group-is-layout-9fd0f270 wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--40)\">\n<div class=\"wp-block-columns are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-1da03c2a wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-container-core-column-is-layout-f5bb311e wp-block-column-is-layout-flow\" style=\"flex-basis:65%\">\n<p class=\"has-secondary-color has-text-color has-tiny-font-size\" style=\"font-weight:600;letter-spacing:-0.01em\">(Copywriter &amp; Brand Voice)<\/p>\n\n\n\n<h1 class=\"wp-block-heading has-xxx-large-font-size\" style=\"font-weight:600;letter-spacing:-0.04em;line-height:1.05\">I&#8217;m Keahi. I write words that make people stop, read, and act<\/h1>\n\n\n\n<p class=\"has-secondary-color has-text-color has-normal-font-size\" style=\"font-weight:600;letter-spacing:-0.01em;line-height:1.5\">Brand voice, website copy, and content strategy for companies that have something worth saying.<\/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 has-background-color has-primary-background-color has-text-color has-background wp-element-button\" href=\"#work\" style=\"border-radius:0px;font-weight:600;letter-spacing:-0.01em\">Work With Me<\/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\" style=\"padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;flex-basis:35%\">\n<figure class=\"wp-block-image size-full has-custom-border\"><img decoding=\"async\" src=\"https:\/\/demo.romanfink.com\/wp-content\/themes\/keahi-pro\/assets\/images\/hero-portrait.jpg\" alt=\"James Elliott, Copywriter\" style=\"border-radius:0px;aspect-ratio:3\/4;object-fit:cover\"\/><\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-background is-layout-constrained wp-container-core-group-is-layout-d3a498a4 wp-block-group-is-layout-constrained\" style=\"background-color:#f0ebe4;margin-top:0;margin-bottom:0;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)\">\n\n\n<p class=\"has-text-align-center has-secondary-color has-text-color\" style=\"font-size:0.85rem;font-weight:600;letter-spacing:0.08em;text-transform:uppercase\">Hero \u2014 Cover Image<\/p>\n\n\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-background-background-color has-background is-layout-constrained wp-container-core-group-is-layout-74935142 wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">\n<div class=\"wp-block-cover alignfull is-light has-parallax\" style=\"min-height:90vh;aspect-ratio:unset;\"><div class=\"wp-block-cover__image-background has-parallax\" style=\"background-position:50% 50%;background-image:url(https:\/\/demo.romanfink.com\/wp-content\/themes\/keahi-pro\/assets\/images\/horizon-architecture-sky-skyline-view-city-892129-pxhere.com_.jpg)\"><\/div><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-0 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<p class=\"has-text-align-center has-large-font-size\"><\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-container-core-group-is-layout-ee23825c wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--20)\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-658170e2 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:25%\">\n<p class=\"has-secondary-color has-text-color has-tiny-font-size\" style=\"font-weight:600;letter-spacing:-0.01em\">(Portrait &amp; Documentary)<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-container-core-column-is-layout-f5bb311e wp-block-column-is-layout-flow\" style=\"flex-basis:75%\">\n<h1 class=\"wp-block-heading has-xxx-large-font-size\" style=\"font-weight:600;letter-spacing:-0.04em;line-height:1.05\">I photograph the moments that words can&#8217;t hold<\/h1>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7fc3d43a wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:65%\">\n<p class=\"has-secondary-color has-text-color has-normal-font-size\" style=\"font-weight:600;letter-spacing:-0.01em;line-height:1.5\">Documenting life in the spaces between \u2014 editorial, portrait, and documentary work from around the world.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-bottom is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:35%\">\n<div class=\"wp-block-buttons is-content-justification-right is-layout-flex wp-container-core-buttons-is-layout-d445cf74 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-background-color has-primary-background-color has-text-color has-background wp-element-button\" href=\"#work\" style=\"border-radius:0px;font-weight:600;letter-spacing:-0.01em\">View Portfolio<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-6c531013 wp-block-group-is-layout-flex\">\n<figure class=\"wp-block-image size-full has-custom-border wp-container-content-82ea18c2\"><img decoding=\"async\" src=\"https:\/\/demo.romanfink.com\/wp-content\/themes\/keahi-pro\/assets\/images\/hero-portrait.jpg\" alt=\"James Elliott, Copywriter\" style=\"border-top-left-radius:100px;border-top-right-radius:100px;border-bottom-left-radius:100px;border-bottom-right-radius:100px;aspect-ratio:1;object-fit:cover\"\/><\/figure>\n\n\n\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-4b827052 wp-block-group-is-layout-flex\">\n<h4 class=\"wp-block-heading\">Keahi<\/h4>\n\n\n\n<p class=\"has-secondary-color has-text-color has-normal-font-size\" style=\"margin-top:0;font-weight:600;letter-spacing:-0.02em;line-height:1.5\">Based in Berlin. Available for editorial, commercial, and documentary commissions worldwide.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-background is-layout-constrained wp-container-core-group-is-layout-d3a498a4 wp-block-group-is-layout-constrained\" style=\"background-color:#f0ebe4;margin-top:0;margin-bottom:0;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)\">\n\n\n<p class=\"has-text-align-center has-secondary-color has-text-color\" style=\"font-size:0.85rem;font-weight:600;letter-spacing:0.08em;text-transform:uppercase\">Project \u2014 Hero Image Alt<\/p>\n\n\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull is-layout-flow wp-block-group-is-layout-flow\" style=\"margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">\n<figure class=\"wp-block-image alignfull size-full has-custom-border\"><img decoding=\"async\" src=\"https:\/\/demo.romanfink.com\/wp-content\/themes\/keahi-pro\/assets\/images\/case-3.jpg\" alt=\"Project hero image\" style=\"border-radius:0px\"\/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-background-background-color has-background is-layout-constrained wp-container-core-group-is-layout-d72e6531 wp-block-group-is-layout-constrained\" style=\"border-top-color:var(--wp--preset--color--border-tone);border-top-width:1px;margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--70);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--70);padding-left:var(--wp--preset--spacing--40)\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-cbe57604 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-container-core-column-is-layout-22223934 wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<p class=\"has-secondary-color has-text-color has-tiny-font-size\" style=\"font-weight:600;letter-spacing:-0.01em\">(The Challenge)<\/p>\n\n\n\n<p class=\"has-primary-color has-text-color has-medium-font-size\" style=\"font-weight:600;letter-spacing:-0.01em;line-height:1.5\">The gallery had a growing international audience but their digital presence felt static and institutional. Visitors couldn&#8217;t experience the space or the art before arriving.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-container-core-column-is-layout-22223934 wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<p class=\"has-secondary-color has-text-color has-tiny-font-size\" style=\"font-weight:600;letter-spacing:-0.01em\">(The Approach)<\/p>\n\n\n\n<p class=\"has-primary-color has-text-color has-medium-font-size\" style=\"font-weight:600;letter-spacing:-0.01em;line-height:1.5\">We designed an immersive digital platform that mirrors the physical gallery experience \u2014 spatial navigation, contextual storytelling, and a curatorial flow that adapts to each visitor.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-background is-layout-constrained wp-container-core-group-is-layout-d3a498a4 wp-block-group-is-layout-constrained\" style=\"background-color:#f0ebe4;margin-top:0;margin-bottom:0;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)\">\n\n\n<p class=\"has-text-align-center has-secondary-color has-text-color\" style=\"font-size:0.85rem;font-weight:600;letter-spacing:0.08em;text-transform:uppercase\">Project \u2014 Hero Image<\/p>\n\n\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-white-background-color has-background is-layout-constrained wp-container-core-group-is-layout-74935142 wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">\n<figure class=\"wp-block-image alignfull size-full has-custom-border\"><img decoding=\"async\" src=\"https:\/\/demo.romanfink.com\/wp-content\/themes\/keahi-pro\/assets\/images\/case-1.jpg\" alt=\"Rebranding a Heritage Fashion House\" style=\"border-radius:0px\"\/><\/figure>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-container-core-group-is-layout-83fb6b1e wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--70);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--70);padding-left:var(--wp--preset--spacing--40)\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-658170e2 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:30%\">\n<p class=\"has-secondary-color has-text-color has-tiny-font-size\" style=\"font-weight:600;letter-spacing:-0.01em\">(Case Study)<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-container-core-column-is-layout-f5bb311e wp-block-column-is-layout-flow\" style=\"flex-basis:70%\">\n<h1 class=\"wp-block-heading has-xxx-large-font-size\" style=\"font-weight:600;letter-spacing:-0.04em;line-height:1.05\">Rebranding a Heritage Fashion House for a New Generation<\/h1>\n\n\n\n<div class=\"wp-block-group is-layout-flex wp-container-core-group-is-layout-762e6d5c wp-block-group-is-layout-flex\" style=\"margin-top:var(--wp--preset--spacing--30)\">\n<p class=\"has-secondary-color has-text-color has-tiny-font-size\" style=\"font-weight:600;letter-spacing:-0.01em\">Client: Maison Verte<\/p>\n\n\n\n<p class=\"has-secondary-color has-text-color has-tiny-font-size\" style=\"font-weight:600;letter-spacing:-0.01em\">Year: 2024<\/p>\n\n\n\n<p class=\"has-secondary-color has-text-color has-tiny-font-size\" style=\"font-weight:600;letter-spacing:-0.01em\">Scope: Brand Identity, Art Direction<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-background-background-color has-background is-layout-constrained wp-container-core-group-is-layout-d72e6531 wp-block-group-is-layout-constrained\" style=\"border-top-color:var(--wp--preset--color--border-tone);border-top-width:1px;margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--70);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--70);padding-left:var(--wp--preset--spacing--40)\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-658170e2 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-container-core-column-is-layout-22223934 wp-block-column-is-layout-flow\" style=\"flex-basis:40%\">\n<p class=\"has-secondary-color has-text-color has-tiny-font-size\" style=\"font-weight:600;letter-spacing:-0.01em\">(Overview)<\/p>\n\n\n\n<p class=\"has-secondary-color has-text-color has-small-font-size\" style=\"font-weight:600;letter-spacing:-0.01em;line-height:1.5\">Maison Verte had eighty years of heritage \u2014 but their visual identity hadn&#8217;t evolved in two decades. The challenge was to honor the legacy while creating space for what comes next.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-container-core-column-is-layout-f5bb311e wp-block-column-is-layout-flow\" style=\"flex-basis:60%\">\n<p style=\"font-size:clamp(14.642px, 0.915rem + ((1vw - 3.2px) * 0.657), 22px);font-weight:600;letter-spacing:-0.02em;line-height:1.5\">The brief was clear \u2014 preserve 80 years of brand equity while making it feel urgent again. We rebuilt the identity from the ground up: new wordmark, new color system, new editorial voice.<\/p>\n\n\n\n<p class=\"has-secondary-color has-text-color has-normal-font-size\" style=\"font-weight:600;letter-spacing:-0.01em;line-height:1.5\">The result was a brand that felt both timeless and contemporary \u2014 recognized by existing customers and embraced by a younger audience across three new markets.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-background is-layout-constrained wp-container-core-group-is-layout-d3a498a4 wp-block-group-is-layout-constrained\" style=\"background-color:#f0ebe4;margin-top:0;margin-bottom:0;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)\">\n\n\n<p class=\"has-text-align-center has-secondary-color has-text-color\" style=\"font-size:0.85rem;font-weight:600;letter-spacing:0.08em;text-transform:uppercase\">Project \u2014 Hero Text<\/p>\n\n\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-background is-layout-constrained wp-container-core-group-is-layout-d72e6531 wp-block-group-is-layout-constrained\" style=\"background-color:#1e1e1e;margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--70);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--70);padding-left:var(--wp--preset--spacing--40)\">\n<p class=\"has-text-align-center has-text-color has-tiny-font-size\" style=\"color:rgba(255, 255, 255, 0.5);font-weight:600;letter-spacing:0.1em;text-transform:uppercase\">(Project)<\/p>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--30)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h1 class=\"wp-block-heading has-text-align-center has-text-color has-xxx-large-font-size\" style=\"color:#ffffff;font-weight:600;letter-spacing:-0.04em;line-height:1.05\">Digital Experience for a Contemporary Art Gallery<\/h1>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--30)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-group is-content-justification-center is-layout-flex wp-container-core-group-is-layout-2e827744 wp-block-group-is-layout-flex\">\n<p class=\"has-text-color has-small-font-size\" style=\"color:rgba(255, 255, 255, 0.75);font-weight:600;letter-spacing:-0.01em\">Scope: UX\/UI Design<\/p>\n\n\n\n<p class=\"has-text-color has-small-font-size\" style=\"color:rgba(255, 255, 255, 0.75);font-weight:600;letter-spacing:-0.01em\">Client: Galerie Noir<\/p>\n\n\n\n<p class=\"has-text-color has-small-font-size\" style=\"color:rgba(255, 255, 255, 0.75);font-weight:600;letter-spacing:-0.01em\">Year: 2024<\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Hero Patterns Hero \u2014 Centered (Spatial Designer) Keahi \/ Los Angeles Space should earn its silence Spatial designer and architect creating structures that listen to the landscape. Residential, cultural, and commercial projects across 12 countries. Hero \u2014 Dark Cover (Brand Consultant) Brands that make people feel certain. I help companies find a clear identity and [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":26,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-62","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.romanfink.com\/keahi\/wp-json\/wp\/v2\/pages\/62","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.romanfink.com\/keahi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.romanfink.com\/keahi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.romanfink.com\/keahi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.romanfink.com\/keahi\/wp-json\/wp\/v2\/comments?post=62"}],"version-history":[{"count":3,"href":"https:\/\/demo.romanfink.com\/keahi\/wp-json\/wp\/v2\/pages\/62\/revisions"}],"predecessor-version":[{"id":100,"href":"https:\/\/demo.romanfink.com\/keahi\/wp-json\/wp\/v2\/pages\/62\/revisions\/100"}],"up":[{"embeddable":true,"href":"https:\/\/demo.romanfink.com\/keahi\/wp-json\/wp\/v2\/pages\/26"}],"wp:attachment":[{"href":"https:\/\/demo.romanfink.com\/keahi\/wp-json\/wp\/v2\/media?parent=62"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}