Transform Entire Store Theme Look

One-prompt complete theme style generation — typography, spacing, buttons, colors, and corners as CSS you paste in for a consistent look across your entire store.

View as Markdown

Sidekick writes it — you put it live

Sidekick produces the content or code for this, but doesn't apply it to your store itself. You'll paste or publish the result yourself — the prompt tells Sidekick to explain exactly where it goes.

📋 Prompt

Run in Sidekick

Generate the CSS overrides I can paste into my theme to make my store feel more [premium/modern/playful/minimal/bold], covering the following changes:


  Typography: Use [elegant serif/modern sans-serif/clean geometric] fonts
  Spacing: Add more [generous/tight/balanced] whitespace between sections
  Buttons: Make them [rounded/squared/pill-shaped] with [subtle/bold/no] shadows
  Colors: Keep my brand colors but adjust for [more contrast/softer tones/darker mood]
  Corners: Use [sharp/slightly rounded/very rounded] corners throughout


Generate this as a single CSS stylesheet so the look stays consistent across every page of my theme.

Where to paste this: In Shopify admin, go to Online Store > Themes > Edit code. If your theme already has a file like assets/custom-styles.css, paste the generated CSS there — otherwise create that file, then link it by adding {{ 'custom-styles.css' | asset_url | stylesheet_tag }} inside the <head> of layout/theme.liquid. Some themes also have a Custom CSS field under Theme Settings, which works too. Preview before publishing live.

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