View the site mock. Concept: a Jewish deli counter in Columbus (Bexley), OH. The signature is the counter itself: take-a-number tickets mark each section, the sandwich board is a felt letterboard, and every food photo comes wrapped in wax paper and tied with red-and-white baker's twine. All of that is baked into the files in img/ by bake.py. No Code Block on this site.
| Role | Font | Source |
|---|---|---|
| Primary (headings, button labels if Toast uses primary for buttons) | Alfa Slab One Regular | Google Fonts. Upload fonts/AlfaSlabOne-Regular.ttf as a custom font if it is not in Toast's list. |
| Secondary (body, nav links, menu item names, prices) | Barlow Regular / SemiBold / Bold | Google Fonts. Upload fonts/Barlow-Regular.ttf (and Bold if the uploader takes more than one weight). |
| Images only (not uploaded to Toast) | Barlow Condensed Bold / SemiBold | Used by bake.py for the letterboard, tickets and counter display. |
Headings are typed in sentence case. Corner radius: 0 everywhere (square buttons, square Menu Item cards).
| Setting | Hex | Notes |
|---|---|---|
| Brand | #0B4F3A | Deli green. Buttons, headings, nav border, promo banner, footer. |
| Background | #FFFFFF | Tile white. Never cream. |
| Surface | #EEF3F0 | Cool grey-green, used behind the Menu Group. |
| Text | #101814 | |
| Icon | #C8261E | Ticket red. Review stars, cart icon. |
| Border | #0B4F3A | Hero text box outline, Menu Item cards, review cards. |
| Per-module bg (module 10 only) | #C8261E | Holiday module. holiday-slip.webp has this exact red baked in as its background. |
Buttons: primary = solid brand, white label. Secondary = 2px brand outline. On the green and red modules both buttons flip to white (solid white with brand or red label, and white outline).
| Item | Settings |
|---|---|
| Promo banner | On, all pages, brand background, white text: "Thanksgiving platters are open. Order by Mon, Nov 23 and pick up Wed, Nov 25." Link text "Pre-order" → Catering page. Swap in March to: "Passover platters are open. Order by [date] for pickup before the first seder." |
| Nav | Sticky ON, overlaid OFF. Logo logo.png (transparent). Links: Menu → Menu page; Platters → Catering page; Big Orders → Form page; Visit → anchor on module 13. Primary CTA: Order pickup → Online Ordering. Cart ON. |
| Mobile CTA banner | On. "Order pickup" → Online Ordering. |
| Footer | Toast default, brand background. Logo logo-white.png. Instagram + Facebook. Location and hours from Toast restaurant data. Footer text: "Concept design by Coursed". |
| Catering page | Toast Catering page (Toast Catering & Events). Groups: Platters (sliced meat, smoked fish, bagel platter, rugelach tray), Holiday (Thanksgiving in Nov, Passover in spring). Online orders capped at 25 guests. |
| Form page ("Big Orders") | Fields: name, phone, email, event date, pickup or delivery, headcount, what you need (long text). Intro line: "Feeding more than 25? Tell us about it and we'll call you back the same day." Submissions to the counter's email. |
| Gift Cards page | On, linked from the footer. |
| # | Module | Settings | Assets | Copy |
|---|---|---|---|---|
| 1 | Welcome | Background image, text box LEFT, box color = Background, border on if the option exists. 2 buttons. | hero.webp (2400×1200, tile wall + wrapped sandwich + ticket baked, subject kept in the right 55%). Mobile: hero-mobile.webp (1200×1060) if Toast takes a separate mobile image. | H1: Pastrami, sliced to order. A Jewish deli counter on East Main Street. Take a number and we'll call it when your sandwich is ready. Buttons: ORDER PICKUP (solid → Online Ordering), SEE THE MENU (outline → Menu page) |
| 2 | Media (image) | Background bg, centered, small bottom spacing | tk-01.webp (1600×340) | Alt: Ticket number 01: The board |
| 3 | Single Image + Text | Background bg, image LEFT. 1 button. | letterboard.webp. Prices on the board must match the POS. Re-run bake.py after any price change. | H2: Everything comes on rye. Unless you ask for something else. We slice the meat when you order, cut the sandwich in half, and wrap it in wax paper with a half-sour pickle. The brisket for our pastrami cures for a week and smokes overnight. (confirm with client) Button: FULL MENU (outline → Menu page) Alt: full board text, see mock. |
| 4 | Menu Group | Surface bg, list layout, POS group "Sandwiches" | none (POS) | Pastrami 17.50, Corned Beef 16.50, Reuben 17.75, Tongue 16.00, Roast Turkey 14.50, Chopped Liver 13.00, Egg Salad 10.50, Half & Half 17.75 (descriptions from POS) |
| 5 | Media (image) | As #2 | tk-02.webp | Alt: Ticket number 02: Most ordered |
| 6 | Menu Items | Background bg, 4 items, add-to-cart on | Upload item-pastrami.webp, item-soup.webp, item-lox.webp, item-knish.webp (900×900, wrap baked) as the POS item photos | Pastrami on Rye 17.50, Matzo Ball Soup Bowl 9.00, Lox & Schmear 15.50, Potato Knish 5.50 |
| 7 | Image Carousel | Background bg, 6 slides, no captions | car-1.webp … car-6.webp (820×1000) | Alts: corned beef on rye; potato latkes with applesauce; braided challah; side of smoked salmon; rye loaf; half-sour and full-sour pickles |
| 8 | Media (image) | As #2 | tk-03.webp | Alt: Ticket number 03: Platters |
| 9 | Single Image + Text | Bg = Brand, text white, image RIGHT. 2 buttons. | platter.webp (green bg baked to #0B4F3A) | H2: Platters for brunch, shiva, and the office. Sliced meats, smoked fish, bagels by the dozen, and trays of rugelach. Most platters need a day's notice. Order up to 25 people online. Feeding more than that? Send us the date and headcount and we'll call you back. Buttons: ORDER A PLATTER (→ Catering page), BIG ORDER FORM (→ Form page) |
| 10 | Single Image + Text | Bg = #C8261E, text white, image LEFT. 1 button. Anchor: holiday. | holiday-slip.webp (red bg baked) | H2: Thanksgiving orders are open. Turkey breast, brisket in gravy, two kinds of kugel, and challah baked that morning. Order by Monday, November 23 and pick up Wednesday between 10 and 6. The Passover menu opens in March. Button: PRE-ORDER NOW (→ Catering page, Holiday group) Spring swap: same module, H2 "Passover orders are open." Re-bake the slip with the Passover list (brisket, chicken soup with matzo balls, gefilte fish, charoset, macaroons). |
| 11 | Media (image) | As #2 | tk-04.webp | Alt: Ticket number 04: Reviews |
| 12 | Testimonials | Background bg, auto-pulled Google reviews 4-5 stars, show 3 | none (needs Google Business Profile connected) | No typed reviews. The mock shows placeholder cards. |
| 13 | Media (image) | As #2. Anchor: Visit. | tk-05.webp | Alt: Ticket number 05: Come in |
| 14 | Single Image + Text | Background bg, image RIGHT. 2 buttons. | now-serving.gif (900×760, 6 frames, 33 KB, loops 46 → 49) | H2: 2471 E Main St, Bexley Ten minutes east of downtown Columbus. Parking in the back lot, and there are a few tables by the window. Mon: Closed / Tue to Fri: 8 am to 4 pm / Sat & Sun: 8 am to 3 pm / Phone: (614) 555-0137 Buttons: DIRECTIONS (solid → Google Maps), CALL THE COUNTER (outline → tel:6145550137) |
None. Tile wall, tickets, letterboard, wax paper, twine, order slip and the animated counter are all image files.
hero.webp and may be partly hidden behind the text box on phones. Fallback: Welcome with no image plus a Media module with hero-mobile.webp right under it, desktop and mobile both.All photos from Wikimedia Commons, cropped, color-graded and framed in bake.py. CC BY / CC BY-SA images need attribution on the live site (a line on a Content page linked from the footer is enough); swap in the client's own photos before launch where possible. No photo shows restaurant signage.
| Used in | Original file | Author | License | Source |
|---|---|---|---|---|
hero.webp, hero-mobile.webp | Pastrami on rye (13516235594).jpg | jeffreyw | CC BY 2.0 | Wikimedia Commons |
item-pastrami.webp | Mmm... hot pastrami on rye (7950732808).jpg | jeffreyw | CC BY 2.0 | Wikimedia Commons |
item-soup.webp | Matzah Ball Chicken Soup.jpg | TheCulinaryGeek | CC BY 2.0 | Wikimedia Commons |
item-lox.webp | Lox Bagel Sandwich with Cream Cheese Schmear Onion Tomato.jpg | LinguisticsGirl.Librarian | CC0 | Wikimedia Commons |
item-knish.webp | Knishes with potato.jpg | UeArtemis | CC BY-SA 4.0 | Wikimedia Commons |
car-1.webp | Corned beef sandwich with brown mustard.jpg | jeffreyw | CC BY 2.0 | Wikimedia Commons |
car-2.webp | 00 Potato Latkes.jpg | Mark Mitchell | CC BY 2.0 | Wikimedia Commons |
car-3.webp | Challah - November 2024 - Sarah Stierch 01.jpg | Missvain | CC0 | Wikimedia Commons |
car-4.webp | Smoked salmon in Kiljava.jpg | JIP | CC BY-SA 4.0 | Wikimedia Commons |
car-5.webp | New York deli style rye loaf (5838175490).jpg | jeffreyw | CC BY 2.0 | Wikimedia Commons |
car-6.webp | Half Sour vs Kosher Dill.jpg | Ll1324 | CC0 | Wikimedia Commons |
platter.webp | The Langer's Pastrami Platter.jpg | Ben Brown from Austin, TX, USA | CC BY-SA 2.0 | Wikimedia Commons |
python3 bake.py from this folder (Pillow required). It reads the raw downloads in src/ and fonts in fonts/, and writes everything in img/. Menu prices on the letterboard and the holiday list on the slip are plain lists near the top of their functions.
.jpg){kind=link}
.jpg){kind=link}
.jpg){kind=link}
