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
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
- 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