Build a Brand Story Hero Section

Create an immersive brand storytelling hero with editorial-style layout and imagery.

Sidekick writes it — you put it live

Sidekick produces the content or code for this, but doesn't apply it to your store itself. You'll paste or publish the result yourself — the prompt tells Sidekick to explain exactly where it goes.

📋 Prompt

Run in Sidekick

Generate the Liquid, CSS, and JavaScript for a brand story hero section that I can paste into my theme as a custom section on my homepage. Use a large cinematic background image from [IMAGE_URL] that represents our brand. Overlay a content block positioned to the [CONTENT_POSITION] side. Add a small brand tagline [TAGLINE_TEXT] in uppercase and [ACCENT_COLOR] color. Below it, add the main heading [HEADLINE_TEXT] in [HEADING_SIZE] pixels using [HEADING_FONT] font. Add a short brand narrative paragraph [STORY_TEXT] in [TEXT_COLOR]. Include a CTA button labeled [CTA_TEXT] linking to [CTA_URL] styled with [BUTTON_STYLE] (solid or outline). Apply a [OVERLAY_COLOR] gradient overlay from the [CONTENT_POSITION] side to transparent. Set section height to [HEIGHT] pixels. The overall feel should be editorial and premium. Finally, tell me exactly which section file to create and how to add it to my homepage through the Shopify theme editor.

How to Use

Copy the prompt above
Open Shopify Sidekick in your Shopify admin
Paste the prompt and replace the bracketed placeholders with your details
Review Sidekick's response and apply the suggestions