Origin, craft and chocolate worth ordering
A purchase-focused template for bean-to-bar makers and small-batch chocolate brands that need to explain their cacao, show the collection and give customers a clear route to place an order.
Switch devices, scroll the full page, or open the live demo. This is the exact layout, photos and sample text a new page starts with.
The headings are the demo's own sample text. Your brief, or the AI copy pass, replaces them; the structure stays.
Dark. Rich. Slow
Single Origin
Our Chocolate Collection
Our Cacao Origin
Bean To Bar
How It Tastes
Four People And A Marble Slab
Boxes And Gifting
What They Say
From The Journal
Good Chocolate Takes Time
This template is for a bean-to-bar chocolate maker, small-batch roaster or producer selling chocolate with a story behind it. It gives the business room to talk about harvests, farms, flavour and the people making each batch, before asking for an order. That matters when the product cannot be properly explained by a generic shop page and a short product name alone.
The page is built around the idea that chocolate has a place, a process and a maker. A visitor can begin with the collection, then read further into cacao origin and bean-to-bar work if that is what helps them decide. It is also useful for gifting businesses, where the wrapping, posting arrangement and range of boxes need their own explanation.
The visual direction is paper-collage rather than a conventional retail layout. The reference calls for a dry-brush headline, a red stroke, painted botanical cut-outs, rubber-stamp details and pill buttons. That makes it a considered fit for a business with a distinct point of view. It will be less suitable if the main offer is a broad catalogue with little to say about where products come from or how they are made.
The Hero opens with “Dark. Rich. Slow” and the line “Exceptional chocolate for a more thoughtful world.” Its “Shop Chocolate” button gives visitors an immediate route towards the collection. The two photographs here need to establish the product and the world around it, so they should be selected before the page is published.
Why follows with “Single Origin”. This is where the business can state what single origin means in its own range and introduce the places or harvests behind the bars. Its imagery should support that claim rather than repeat the opening product shot.
Chocolate, headed “Our Chocolate Collection”, is the product-led part of the page. It includes the buy action and product photography, so the collection copy should make clear what is being offered and what distinguishes each choice. Keep the product names, short descriptions and buying details ready for this band.
Origin gives the sourcing story a fuller place. The template’s example is about working directly with small farms, supporting growers and protecting forest. A business should replace that with its own accurate account of farms, buying relationships and harvests. The “Our story” button needs a real destination or story behind it.
Craft is headed “Bean To Bar”. It is for the practical work between cacao and finished chocolate: harvesting, roasting, tempering or any other part of the process the maker can honestly describe. One photograph accompanies this section, making it a good place for a working image rather than another pack shot.
Tasting, “How It Tastes”, introduces four origins and four harvests. The tasting content needs to be written with care, using notes that match each chocolate. It is the place for the business to help a visitor choose between bars, rather than relying on origin names without explanation.
Makers brings the work back to people with “Four People And A Marble Slab”. The template is intended for a small team that buys beans, roasts and tempers by hand. Replace the example with the real size of the team and the real jobs they do. A photograph of the makers or their working space belongs here.
Gifting covers boxes and gifting, including the practical promise “Wrapped by hand, posted Tuesday” in the example. This section should describe the business’s own gift offer and posting arrangement accurately. It is followed by Said, “What They Say”, which makes room for a customer quote. Use a genuine comment that speaks to the chocolate, rather than a general endorsement.
Questions is an accordion for the questions customers need answered before ordering. The line under it makes clear that a person answers further queries, so the business should be ready to handle those messages. Journal then gives space to publish a considered piece, such as the fermentation article in the example. Finally, Order returns to the purchase goal with “Good Chocolate Takes Time” and an order form beside a photograph.
The template comes in the Cacao, Conche, Leaf and Husk colour schemes. Choose one that fits the packaging, ingredients and photography already used by the business. The page uses Cormorant Garamond for display type and Hanken Grotesk for body text. Alternative pairings retain Hanken Grotesk with either Permanent Marker or Caveat, which gives the business a different display voice without changing the body face.
Photography is central to this template. It needs 16 photographs across the page: imagery in the Hero and Why sections, the collection, origin, craft, tasting, makers, gifting and the final order section. The strongest set will include finished chocolate, cacao or origin material where available, the making process, the people behind it and gifting. Plan the full set together so the photographs do not all show the same subject.
Starting from this template costs no credits. Rewriting the copy with AI costs about 20 credits. A useful brief names the business, what it makes, the origins or ingredients it can truthfully discuss, its range, its order goal and its delivery or posting arrangements.
It should also state the tone required. This design can carry measured, sensory writing, but the copy still needs to be plain about what customers can buy. Give the AI the facts needed for the “Single Origin”, “Bean To Bar”, tasting, makers and gifting sections. Do not ask it to fill gaps with claims about farms, harvests or methods that the business has not supplied.
Start with the collection. Prepare product names, the copy needed to distinguish the bars, and the information required around the buy action. Then gather the sourcing account: the farms or regions that can be named, the relationship to growers where relevant, and any claims the business can support.
Write a short, factual account of the making process and a makers introduction. Prepare tasting notes for the four origins and harvests represented by this template. For gifting, decide which boxes are available and write the actual wrapping and posting information. Collect one real customer quotation, draft the answers for the Questions accordion, and choose a journal subject the business can sustain. The order form should be reviewed alongside the final order process before the page goes live.
A coffee roaster can use the same structure by changing cacao origin into coffee origin, bean-to-bar process into roasting, and tasting notes into the notes for each coffee. The collection remains the point where customers move towards buying.
A botanical drinks brand can make ingredients and production the centre of the story. The tasting section can explain the character of each drink, while gifting can focus on boxes or bundles where those are offered.
A small food gift business can retain the gifting and makers sections but should replace harvest and cacao language throughout. The page works best when it still has a real product story, clear photographs and a defined order offer.
For a food retailer led by short-term deals rather than a maker story, Grocer Weekend Offers is the closer starting point.
For a product range centred on botanical care products, use Herbal Skincare Shop.
For a coffee maker or seller, Coffee Bean Shop gives a more directly relevant starting point.
For a drinks-led range, consider Botanical Drinks Brand. Browse the wider ecommerce template collection for other product-page approaches.
Starting from the theme costs no credits. Or describe the offer and the AI draws a new page in this style, usually in about two minutes.