Confita
Design first, then make the order easy
A beautiful bakery site that hides the menu is still a hard site to use. A useful design does two jobs at once: it makes the baker recognisable, and it helps a hungry customer decide what to order. That means the visual choices are not decoration added after the shop is built. They are the path into the menu.
This is different from the content checklist for a home bakery website. That guide covers what the first page needs to answer: what you sell, prices, timing, and policies. This guide is about how those answers look and feel together. Read the checklist when you are deciding what to include; use these ideas when you are shaping the storefront.
1. Lead with your best photo as the cover
Your cover image is the fastest way to say “this is what I make.” Choose the photo that shows your signature product clearly, with enough calm space for the shop name and order button. A close photo of a cake, a box of colorful doughnuts, or a row of macarons gives the page a point of view before a customer reads a word.
Most visitors arrive from Instagram on a phone. A wide desktop crop may become a tall, tight mobile crop, so check that the main bake survives both sizes. Keep the important subject away from the edges, and do not put small text inside the image. The storefront should add the words in readable HTML text.
2. Pull the palette from your bakes
The easiest palette to trust is already in your food. A cherry cake might give you deep red, warm cream, dusty rose, and brown. Doughnuts may give you turquoise, yellow, chocolate, and icing white. Those colors feel connected because they came from the thing you sell, not from a random template.
Use one dark color for readable text, one main color for buttons and headings, and one or two accents for banners or small details. Keep the background quiet enough that product photos remain the loudest part of the page. See the bakery color palette guide for a closer look at sampling colors from a bake photo.
- Choose contrast before you choose a shade: text must remain readable in sunlight on a phone.
- Use accents repeatedly so the shop feels intentional rather than multicolored.
- Let the food photo stay warmer, brighter, or more detailed than the surrounding UI.
3. Pair one display font with a plain body font
Your bakery name can have personality; the menu should have manners. Use one display font for the name or major headings, then a plain readable body font for prices, descriptions, buttons, and policies. Two roles are enough to make the page feel designed without turning every label into a different voice.
An elegant serif such as DM Serif Display feels boutique and considered. A rounded font such as Baloo 2 feels friendly and playful. A clean font such as Manrope feels modern and precise. None is automatically better. Match the type to the product and the way you want customers to feel when they open the shop.
4. Add a banner or pattern that hints at the bakery
A small visual signature can make a plain storefront yours. A scalloped awning suggests a sweet shop. Rosette shapes can echo piped frosting. A sprinkle pattern can support a doughnut or cupcake menu. Keep the treatment at the edge of the page or behind a quiet section; the banner should frame the food, not compete with it.
Velvet Cherry uses a boutique look with a rosette banner and no background pattern, so the deep red cake palette and DM Serif Display do the talking. Glaze & Grain pairs a scallop banner with a sprinkle pattern, matching its yellow-and-teal doughnut energy. Petal and Shell uses a scallop banner with no pattern, leaving its soft magenta macaron palette and Manrope typography clean.
