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
Copy, adapt, and run this prompt or skill workflow directly in Shopify 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
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
Sidekick Skills & Magic Prompt
Create & Manage AI skills for Sidekick. Discover AI skills from other merchants.
Build unlimited custom Sidekick skills, organize prompts into collections, and discover proven workflows shared by other Shopify merchants.