Shopify Sidekick/Theme/Design a Gradient Hero Section
Task IntentTheme

Design a Gradient Hero Section

Create a hero section with a gradient background, bold typography, and a modern aesthetic.

What This Sidekick Query Does

Create a hero section with a gradient background, bold typography, and a modern aesthetic.

Prompt / Skill

Run on Sidekick
Add a hero section to my homepage with a gradient background transitioning from [COLOR_START] to [COLOR_END] in a [GRADIENT_DIRECTION] direction. Display the heading [HEADLINE_TEXT] in large bold [HEADING_FONT] font at [HEADING_SIZE] pixels. Add a subheadline [SUBHEADLINE_TEXT] in a lighter weight below. Include two CTA buttons side by side: the primary button labeled [PRIMARY_CTA_TEXT] linking to [PRIMARY_CTA_URL] with a solid [BUTTON_COLOR] background, and a secondary outline button labeled [SECONDARY_CTA_TEXT] linking to [SECONDARY_CTA_URL]. Set the section height to [HEIGHT] pixels. Center all content vertically and horizontally. Use [TEXT_COLOR] for all text elements.

Expected Output

Create a hero section with a gradient background, bold typography, and a modern aesthetic.

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.