Shopify Sidekick/Theme/Set Up a Dark Mode Hero Section
Task IntentTheme

Set Up a Dark Mode Hero Section

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

What This Sidekick Query Does

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

Prompt / Skill

Run on 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.

Expected Output

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

Tips to Improve Results

  1. 1

    Copy the prompt above

  2. 2

    Open Shopify Sidekick in your Shopify admin

  3. 3

    Paste the prompt and replace the bracketed placeholders with your details

  4. 4

    Review Sidekick's response and apply the suggestions

Sidekick Skills & Magic Prompt icon

Sidekick Skills & Magic Prompt

Create & manage AI skills for Sidekick. Discover skills from other merchants.