Seven skills
You write what you want. Your AI knows how
- start
- template-aufbau
- copywriting
- design-system
- seo
- qualitaetspruefung
- systemwissen
The coffee bar that shows the cup in cross-section
- One-time, incl. VAT
- ZIP right away
- German and English
broesling-leipzig.de
Roastery and bakery
Capitals with an italic word, barista by a brick wall
The cross-section
Pick a pastry, the cup shows the coffee that fits
The coffee menu
Twelve drinks from the board with price and note
Five ways into the house
Roastery, courses, breakfast, bakery, calculator
A day on the Karli
Oven times and evening price, a dot shows now
Two addresses
Testimonials, cafe and roastery with opening status
- 17
- Pages, fully written
- 9
- Drinks in cross-section
- 3
- Guides with a timer
- 2
- Languages, DE and EN
Subpages
Every page done
Bakery
The centrepiece
A cup that shows what is inside
The centrepiece
- 01Tap a pastry
The cup shows the coffee that goes with it
- 02Layers in ml
Espresso, milk, foam, ice, cold brew
- 03Height from volume
The cup widens at the top, so does the fill
- 04Nine cups in section
From 20 ml of espresso to 260 ml of cold brew
In the ZIP
Built so your AI keeps building
CLAUDE.md
The rules of the template for your AI
Designed for the phone
Not just squeezed together
Knowledge folder
Strategy and blueprint in the project
Design system
Switched to your brand in one sentence
- Flour white
- Wheat
- Crust
- Roast
AaAntonio in narrow capitals and Lora with one word in italics
Adjust colours and fonts Who it is for
For coffee with its own oven
- 01
Coffee bars with a bakery and breakfast
- 02
Businesses with a roastery, bean sales and courses
- 03
Agencies that deliver cafe websites reliably
Brösling
Your coffee and pastry website, today
- All 17 pages, fully written
- CLAUDE.md, knowledge and seven skills
- German and English
- Yours forever
€99 one-time, incl. VAT
Secure payment via Stripe, the ZIP arrives right after
Rather have it done for you?AI Website Service · €899First steps in the docs Template, service and custom pricing compared
Questions
Quickly answered
A cup cut open shows the layers of a coffee in millilitres. On the home page there are three pastries on the left and three coffees on the right. Tap one and you see the matching pairing, the cup with espresso, milk and foam and a sentence on why the two go together. The menu shows nine drinks in cross-section side by side, from 20 ml of espresso to 260 ml of cold brew.
Yes, they follow the recipes on the menu. A cappuccino has 36 ml of espresso, 90 ml of milk and 60 ml of foam, a flat white 36, 120 and 15. The cup holds 265 ml up to the lid and widens towards the top, so src/lib/becher.ts works out the height of each layer from the volume rather than in a straight line. The recipes live in src/data/site.ts, and a specialist review recalculated them in October 2026.
All five are built for cafes with their own roasting, but each answers a different first question. Tellhoven finds the right coffee with eight answers, Brennhoven sorts a long menu with a taste configurator, Holm works out how much a bean subscription needs, Darnholt explains the roast level on a scale. Brösling shows what is in the cup and which pastry goes with it, and puts the bakery on an equal footing with the roastery, light in flour white with crust as the signal.
Choose a method, set the amount of water and the strength, and the calculator gives grams of coffee, ratio, tablespoons and brewing time. Pour-over and French press use 1 to 18, 1 to 16.7 or 1 to 15, the cezve 1 to 10, 1 to 9 or 1 to 8. Each method also has its own page with a timer that runs along and highlights the current step, three minutes for pour-over, nine for the French press including the rest and four for the cezve.
A clock over 72 hours follows six stations from the starter dough to the oven as you scroll. A folding calculator from zero to four folds shows how one butter layer becomes 27 after three single folds, with the dough layers beside it. Add a long read that explains the calculation and why a fourth fold does not make the croissant better, six ingredients with their origin and the morning in six trays with time and price.
Date, one to eight people, time and area. The free times come from the opening hours, every half hour until one hour before closing, and for today only from two hours after now. From nine people the page leads to the contact form. A sketch of the cafe highlights the chosen area, there is deliberately no seat picker. Nothing is sent yet, your AI sets up the sending.
No, nobody pays on the site. Six coffees can go into a basket with size and grind, and the browser remembers what is in it. The button to request an order takes the basket to the contact form, and the business replies with the roast date and how to pay. If you want to connect a shop, your AI points the buttons there.
Beside every price of a bag stands the price per kilo, and in the shop also including VAT and plus shipping. The questions on the beans page state the right of withdrawal of 14 days from receipt when people order by email or form, and that the information on it comes with the confirmation. What else applies to running your own roastery is in the knowledge layer. These notes are not legal advice.
The menu marks vegan drinks and dishes and has a filter for them. A box names gluten, milk, egg and traces of nuts and says that the list of the 14 main allergens is available at both counters. You keep that list in the shop, for loose food it is mandatory. Oat or almond drink costs 40 cents extra.
Menu, recipes, opening hours, beans, courses, team and locations live in src/data/site.ts, the long texts of the bakery and the brewing guides in src/data/langtexte.ts. The opening hours are entered once and feed the header, footer, opening status, the day on the home page and the free times for reservations. A pastry price appears in more than one place, on the menu and in the bakery’s tray plan, and your AI updates them all.
Header and home page work out from the opening hours whether the cafe is open right now and until when, in German time. The day on the home page puts a dot on the current hour, and the week on the reservation page marks today. Without scripts the opening hours stand as a list.
They enquire rather than book. The courses page shows four formats with a filter, all dates in November and December as a calendar and a form with a tick box for a gift voucher. Payment follows the confirmation. The cancellation rule is right there, free up to seven days before, after that a replacement person or a new date. Dates and prices are sample data.
No. The business, people, prices, dates, key figures, suppliers and testimonials are made up, and the site says so right where they appear, on every testimonial, on the menu, with the course dates, on the team page, with the suppliers and in the footer of every page. The street and the Kanalspeicher address are made up, and you replace phone and email with your own. Südvorstadt, Plagwitz, the Karli and the tram are real geography.
Strangers in sample photos from Pexels. The licence allows commercial use, a model release is not available. That is why the team appears as initials instead of portraits, and the photos from the bakery and the course room only show hands. Before going live you replace the photos of people with your own, taken with written consent, and the team page says where your team photos belong.
The 38 photos come from Pexels and may be used commercially. They show no real business. src/data/bildnachweis.json names the photographer, source and licence for every image, and the legal notice lists all names. The cup, roast curve, dough clock, route sketch, coffee bag and the croissant sign are the template’s own drawings.
As placeholder pages with instructions, not as pre-written legal texts, and marked noindex and left out of the sitemap until they are filled in. The instructions list what a cafe, a bakery and a bean mail order need, such as the chamber of crafts and the master craftsman title, the VAT number, consumer dispute resolution and the withdrawal notice for shipping. Below that are the photo credits. These notes are not legal advice.
No. Antonio and Lora live in public/fonts/, the photos in the project, the route sketch is drawn, and no map is embedded. The browser runs its own JavaScript without a library. The cookie banner writes the choice to the dataLayer, statistics and external media are not connected to any service.
Yes. Every page has its own title, description and breadcrumbs, plus a CafeOrCoffeeShop schema with both addresses, opening hours and a menu with prices. The pages add HowTo for the guides, Course for the courses, Product for the beans, FAQPage, AboutPage and ContactPage. The share images at 1200 by 630 pixels are built from a photo of each page.
Yes. Every heading and every text is there without scripts. The cross-section then shows the pairing of croissant and cappuccino, the calculators a fixed example, questions stand open, tabs stand one below the other, and the menu on the phone opens too. The choice in the cup, timers, basket, free times and opening status need JavaScript.
With the informal you throughout, and the business speaks as we. The sentences of the calculators, timers and forms are collected in src/data/texte.ts, and the pages under src/pages/ carry their own copy. Your AI switches to a formal tone if that suits your guests better.
The structure does. A bakery takes out the roastery and the brewing pages and keeps the cross-section, bakery and breakfast. A roastery without a cafe drops breakfast and reservations and moves beans and courses to the front. With only one address, your AI merges the two locations.
Anywhere static files may live. Astro builds the site into a folder of finished HTML that you upload to your host. Before that, your AI sets your own domain in astro.config.mjs and in robots.txt.
Yes. Pay once, yours for good, for your own projects and client projects. You get the complete source code without a watermark.
Yes. In the English package the whole website is in English, with an English knowledge layer and English skills. The scripts format numbers, euros, times and dates in the language of the page.
No. You tell your AI in the project folder what should change, and it finds the place through CLAUDE.md and the seven skills. If you want to edit things yourself, you will find menu, recipes and opening hours in src/data/site.ts and the shape of the cup in src/lib/becher.ts.
Marketplace
More from the marketplace
New in the marketplace Mummel Coffee
The café with its own bakehouse whose floor plan recommends every guest the right spot for coffee and pastries.
German and English €99 View
Brennhoven Coffee
For houses with a menu longer than the patience at the counter.
German and English €99 View
