Think children's fashion boutique: warm colors, playful staging, editorial-weight photography, and enough homepage sections to fill a small catalog on their own. Pebble is the only preset Pebble ships with, and it leans hard into lifestyle storytelling and occasion-driven navigation.

What works in this preset

You land on the homepage and the first thing that hits is the color. Soft beige. Cream. A large serif typeface spelling out "Softness in Comfort" over a full-bleed lifestyle slideshow. The rounded UI elements, the gentle spacing, the pastel tones throughout every single section. It all says "premium children's brand" before you've read a word of copy. That cohesive warmth isn't just a color setting you could swap out; it's baked into how Pebble stages every image, every heading, every card. The whole thing feels like a single creative director touched every pixel.

Scroll past the hero and you'll hit a Boy's/Girl's collection tab toggle. Simple idea, well executed. Each tab shows a grid of collection cards with product counts next to them ("Sweaters 25," "Outerwear 18"), so parents get a quick sense of catalog depth before committing to a click. No page reload, no clutter. Just tap, browse, decide.

The real personality shows up in the "Outfit For" section. Four occasion-based collections, Move, Glow, Study, and Roam, are staged as a vertical accordion. Click a heading and it expands into a short description, a lifestyle image, and a "Shop Now" CTA. Below the accordion, full-width banner cards with overlay text double down on each collection's identity. It's the kind of organization that makes sense for brands selling by occasion rather than category, and it gives the homepage a narrative arc that most product grids never achieve.

Then there's the "New In" editorial section, which is where Pebble staging gets genuinely interesting. Large lifestyle images sit alongside product cards in a scrolling layout, and the copy is short and poetic. "Soft & playful, this sweet lilac." "Bright & airy, this light blue." It reads like a lookbook caption, not a product description. The rhythm alternates between full-width imagery and compact product tiles, and the effect is more fashion-magazine than online-store. That particular pacing and brand voice is very much a Pebble choice.

Product cards throughout this demo run dense with information. Variant swatches as colored circles, badges stacked on the thumbnail (New, Popular, Hot, On Sale), "Choose Options" for multi-variant items, straight "Add to Cart" for singles. In the outfit builder section, the demo goes a step further and stages material callouts like "4-Way Stretch" and "100% Cotton" right alongside the carousels. It's a lot of information per card, but for an audience that cares about fabric and fit, it works.

Where it stumbles

Here's the thing about Pebble: it doesn't know when to stop. The homepage stacks roughly twelve distinct sections between the hero and the footer. Collection tabs, a "New In" editorial scroller, the occasion-based accordion, tabbed product grids for Best Sellers and New Arrivals, a scrolling marquee, the full lookbook, a video section, a flash sale feature area, and the outfit builder. That's a lot of scrolling. If merchants populate every section, shoppers on slower connections or smaller screens may tap out long before they reach the lookbook or outfit builder, which happen to be two of the most compelling sections on the page. It's a real risk that the best content sits below the patience threshold.

The marquee strips don't help. Two of them cycle across the homepage: "Playful Kids Wow mix your style" on one, "Comfort Products / Organic Cotton / Safety for Skin" on the other. On a page that's already packed with badges, banners, and product callouts, these scrolling text bands add noise, not clarity. They're the one element that feels more like a template demo filler than a deliberate design choice.