Build a Minimal Hero Section

Design a clean, minimalist hero section with simple typography and whitespace.

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 and CSS for a minimal, whitespace-focused hero section that I can paste into my theme as a custom section on my homepage. Use [BACKGROUND_COLOR] as a solid background color (no image). Display the heading [HEADLINE_TEXT] in [HEADING_FONT] font at [HEADING_SIZE] pixels, centered horizontally. Add a short subtitle [SUBTITLE_TEXT] in a lighter font weight below the heading with [SPACING] pixels of space between them. Include a single understated CTA button labeled [CTA_TEXT] linking to [CTA_URL] with a thin border style and no fill. Use [TEXT_COLOR] for all text and button borders. Set generous vertical padding of [PADDING] pixels top and bottom. Keep the design deliberately sparse with no decorative elements. 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