# Small details only your brand could have.

Sixfold Honey is a shop we made up, on a typical theme. Flip it to Signature and it gets three details that grow from its hexagon logo, its honey colors and how bees actually work. Nothing sits over a buy button, and the readout measures what they cost, live in your browser.

The demo shop, Sixfold Honey: "Honey from one valley." Forty hives on a hillside farm. We jar each harvest on its own, so every batch tastes like the flowers that were open that month.

## Each one comes from the brand.

These aren't picked from an effects library. Every detail starts with something Sixfold already owns: the hexagon in its logo, the colors of its honey, the way its bees work.

1. **Buttons that fill like comb.** Hover or press a buy button and hexagon cells cap over it from the point you touched, the way bees cap a full cell of honey. The label stays put and the button keeps its size. *Why it fits:* The hexagon is Sixfold's logo. Using it on the buttons means the brand shows up at the exact moment someone decides to buy. *To build:* About a day, including testing against the theme's own buttons.
2. **Hives that keep your hours.** The hero sky follows your clock, the bees are out by day and home at night, and the honey in the jar darkens through the year. The line under the hero says what's blooming this month. *Why it fits:* Honey really is seasonal: spring honey is pale, autumn honey is dark. Showing that tells the brand's story better than a paragraph about it. *To build:* About a day and a half. The season copy lives in the theme settings, so the team can edit it.
3. **The waggle dance.** Tap the bee in the logo three times, or type “waggle”, and a bee dances a figure eight across the hero, with its straight run pointing at the shop button. *Why it fits:* It's a true fact about bees, it rewards the curious and it's the kind of thing people show a friend. It never runs on its own. *To build:* About half a day.

Hint: tap the bee in the logo three times, or type “waggle”.

The page measures what the three details add, live: their weight from the browser's network log, and the main-thread time they spend starting up and handling events.

## Built so it can't hurt the site.

- **It respects Reduce Motion.** With Reduce Motion on, the comb appears whole, the bees hold still and the dance is drawn as a still diagram. Try the switch above the shop to see it.
- **It never covers a buy button or blocks a sale.** Nothing sits over a button, nothing waits for an animation, and no detail touches a click. The dance checks where every buy button is and stays clear of them.
- **It works with any theme.** The details take their colors from the theme's own buttons and text, live in their own small files and change nothing else. Switch the theme above and they follow.
- **It stays within a speed budget.** Each detail loads on its own after the page is ready, runs only while it's on screen, and stops the moment it's off.

## What this looks like for your site.

We start with what your brand already owns: the shape in your logo, your colors, the story you tell about how things are made. Then we pick two or three details, set a speed budget and add them to your Shopify or WordPress theme as it is, with no rebuild.

1. **Find the details.** A short workshop and a look at your site. We bring a handful of ideas that only your brand could have, and you pick.
2. **Build and measure.** Each detail is small, scoped and tested against your theme and apps, with Reduce Motion and the speed budget checked before launch.
3. **Keep what works.** We can run it as an A/B test against your current theme, so the details stay only if they earn their place.

[Talk to us](https://nr10.com/contact/)

Human version: https://nr10.com/labs/signature-details/