The store.fan Store Designer, Explained Block by Block

The first time you open the store designer, it can feel like standing in front of a mixing board with too many knobs. Cover photo, avatar, theme, layout, font, blocks — where do you even start? Good news: none of it is complicated once you know what each piece actually does, and the whole thing is built so you can't break it. Every change previews live, nothing is permanent, and you can undo a bad theme choice in one click. Let's walk through it piece by piece, in the order it actually matters.

Start with the two images: cover and avatar

Your storefront has exactly two image slots, and they carry more weight than everything else on the page combined. The cover photo is the full-width image behind your header — it's the first thing a visitor's eyes land on before they've read a single word. The avatar is the small circular photo that sits in front of it, and it's doing one job: proving there's a real person behind this link.

• Use a cover photo that's wide, not a phone screenshot cropped awkwardly — a landscape shot, a workspace, a moment from what you actually do.
• Use a real photo of your face for the avatar, not a logo. Storefronts with a human face in the avatar slot consistently feel more trustworthy to a stranger scrolling in from a bio link.
• Keep the two images visually related — same color temperature, same vibe — so the header reads as one designed thing instead of two random uploads.

Pick a theme — it sets your entire color story

A theme isn't just a color swatch, it's a whole system: background, surface color, borders, text color, and one accent color that shows up on your buttons and highlights. Choosing a theme is the fastest way to make your store look designed instead of default. There's a wide spread to pick from, so think in terms of mood rather than individual colors.

• Clean or Mono if you want the product to be the star and the design to disappear.
• Night, Graphite, Cyber, or Noir if your audience skews late-night, tech, or gaming.
• Cream, Terracotta, or Sage for a warm, editorial, lifestyle-brand feel.
• Pop or Concrete if you want bold borders and a bit of playful attitude.
• Ocean, Blush, Lumen, or Bordeaux for softer, mood-driven palettes with a distinct accent color.

The trick most creators miss: don't pick a theme because you like the name, pick one because the accent color matches something in your existing brand — your logo, your Instagram grid, your merch. Consistency across platforms is what makes a stranger trust the link enough to click through to checkout.

Layout, font, and button style — the quieter decisions

Once your colors are set, three smaller choices shape how the page actually reads:

1. 1Layout controls the shape of your page: Stack is a centered, classic single-column feed; Grid gives you two-column cards; Compact keeps your header on the left with a slim list; Masonry does Pinterest-style columns; Spotlight puts one big featured item above a grid; Bento mixes tile sizes; Magazine runs full-width editorial rows. If you sell one flagship product, Spotlight puts it front and center. If you sell five or six things at similar price points, Grid or Bento keeps them feeling equal.
2. 2Font sets the personality of your text — Modern is clean and neutral, Rounded feels warm and friendly, Editorial and Elegant lean serif and premium, Grotesk is techy and geometric. Match it to the same instinct you used for your theme.
3. 3Button style is a small detail that changes how "clickable" everything feels — solid, outline, or soft fills all pair differently with different themes, so it's worth toggling through once you've locked your theme in.

None of these three decisions need much deliberation. Pick the option that feels most like you, preview it, and move on — you can always change it later without losing anything else you've built.

Content blocks: the parts that do the selling

Below your products, the store designer lets you stack extra content blocks — these are the sections that turn a bare product list into an actual page that answers questions and builds trust before someone reaches for their card. There are five you can add, in any order, as many times as you want:

• Announcement — a highlighted note with an emoji, perfect for "🔥 Launch week: 20% off my new template" or a heads-up about when you're next online.
• Text — a simple heading and paragraph block, useful for a short "about me" section or explaining who a product is for.
• Testimonials — quotes from happy buyers with their name and role attached. This is the single highest-leverage block for anyone selling a course or coaching call, because it answers the buyer's real question: did this work for someone like me?
• FAQ — a list of question-and-answer pairs. Use it to kill the objections that would otherwise land in your inbox: refund policy, file formats, how long access lasts, whether it works for beginners.
• Link buttons — a row of external links, good for pointing people to your podcast, your newsletter signup, or a YouTube video before they buy.

A testimonials block with three real quotes does more for conversion than a paragraph of your own copy ever will — buyers trust other buyers.— store.fan team

A sensible order to build your page in

If you're staring at a blank designer right now, here's the sequence that avoids decision fatigue:

1. 1Upload your cover photo and avatar first — everything else previews against them.
2. 2Pick a theme that matches your existing brand color, not a random favorite.
3. 3Choose a layout based on how many products you're selling (one hero product → Spotlight, several → Grid or Bento).
4. 4Set font and button style — thirty seconds each, don't overthink it.
5. 5Add one FAQ block and, if you have even one happy customer quote, one testimonials block.
6. 6Add an announcement block only if you actually have something time-sensitive to say — an empty "coming soon" note does more harm than good.

The store designer rewards small, deliberate choices more than big creative swings. Get the cover photo and avatar right, pick a theme that already matches you, and use the blocks to answer the two questions every visitor is silently asking: who is this from, and can I trust it? Everything else is polish you can add next week.