Theme 💎 Built for Sidekick ⚡ Sidekick does this for you
shopify sidekick theme hero-section

Set Up a Dark Mode Hero Section

Create a striking dark-themed hero section with light text and high contrast elements.

📋 Prompt
Run in Sidekick
Add a dark mode hero section to my homepage. Set the background to [DARK_BG_COLOR] (use a very dark shade like #0a0a0a or #1a1a2e). Display the heading [HEADLINE_TEXT] in [LIGHT_TEXT_COLOR] at [HEADING_SIZE] pixels. Add a subheadline [SUBHEADLINE_TEXT] in a muted lighter color like [MUTED_COLOR]. Include an accent-colored CTA button labeled [CTA_TEXT] linking to [CTA_URL] using [ACCENT_COLOR] as the button background with [BUTTON_TEXT_COLOR] text. Optionally add a subtle background image [IMAGE_URL] at very low opacity of [IMAGE_OPACITY] percent. Add a thin [ACCENT_COLOR] colored line or border accent as a decorative element. Set section height to [HEIGHT] pixels. Ensure all text passes contrast accessibility standards.

How to Use

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