View the site mock. Concept design by Coursed. Assets are in img/ next to this page and every one is generated by bake.py from the photos in src/. No Code Block on this site.
The idea: every section is a two-ink screen-print gig poster. Blue ink prints the photos and type, fluorescent pink prints the floods, and the pink plate is knocked a few pixels out of register on purpose. Toast can't draw any of that, so the halftone dots, misregistration, paper mottling, registration marks and all poster type are baked into the images. The page itself only uses flat module background colors.
| Role | Font | Source |
|---|---|---|
| Primary (headings, buttons, prices, menu item names) | Anton Regular | Google Fonts, OFL. Upload fonts/Anton-Regular.ttf as a custom font (from github.com/google/fonts, ofl/anton). |
| Secondary (body, nav links, event dates, descriptions) | Barlow Regular + SemiBold | Google Fonts, OFL. Upload fonts/Barlow-Regular.ttf and fonts/Barlow-SemiBold.ttf (static files, ofl/barlow). |
Type every heading in ALL CAPS in the editor. The mock doesn't use text-transform. Anton is also the face used in the baked posters, so live headings and poster type match.
| Setting | Hex | Notes |
|---|---|---|
| Brand | #1F2FA0 | Blue ink. Buttons (white label, 10.6:1), video module background. |
| Background | #F5F7FA | Cool paper white. Matches the paper color baked into the images. |
| Surface | #F5F7FA | Review cards. |
| Text | #172175 | Darker blue so body copy passes on the pink modules (5.0:1 on #FF5FAF). |
| Icon | #FF5FAF | |
| Border | #172175 | Review card outline. |
| Module background (pink) | #FF5FAF | Per-module background on Menu Group, the kitchen poster and Testimonials. Same pink as the baked ink. |
Corner radius 0 everywhere (buttons, cards). Primary button = solid brand. No outline buttons are used on this site.
| Item | Settings |
|---|---|
| Nav | Overlaid on the Welcome image, transparent, sticky off. Logo logo.png (1200×300, transparent, misregistered). Links: Events, Tap list (Untappd page), Kitchen (anchor to Menu Group), Private events (Form page). Primary CTA: ORDER FOOD → Online Ordering. Cart: on. The top 270px of hero.jpg is plain pink so the nav always sits on clean ink. |
| Promo / Spotlight banner | None. Deliberately off so the poster is the first thing on screen. |
| Mobile CTA banner | On, mobile only: ORDER FOOD → Online Ordering. |
| Pop-up | None. |
| Footer | Toast default. Logo logo.png, Instagram, address and hours from Toast location data (1146 Tinker Lane NW, Grand Rapids, MI 49504 · (616) 555-0142 · Mon–Thu 3–11 PM, Fri 3 PM–12 AM, Sat 11 AM–12 AM, Sun 11 AM–9 PM), page links. Add "Concept design by Coursed" to the footer text if the field exists. |
| Page | Type | Settings |
|---|---|---|
| Tap list | Untappd menu page | Connect the brewery's Untappd for Business account and pick the "On Tap" menu. Twelve lines. Nav link and the button under the taps poster both point here. |
| Private events | Form page | Heading: THE BACK ROOM. Intro: "Tell us the date and headcount and we'll write back within a day." Fields: Name, Email, Phone, Date (date), Start time, Guests (number, max 40), Type of event (dropdown: Birthday, Work event, Rehearsal dinner, Other), Food (checkboxes: Burgers, Pretzel boards, Just drinks), Notes (long text). Submissions to the events inbox. |
| Menu / Order | Toast-generated | Standard template. Fonts and colors carry over. Upload the item-*.jpg images to the matching POS items. |
| Gift cards | Gift Cards page | Default, footer link only. |
| # | Module | Settings | Assets | Copy |
|---|---|---|---|---|
| 1 | Welcome | Full-size image (whole image shown, not cropped as a background). No text box, no heading, no buttons, no dim. | hero.jpg (1800×1300) | Alt: Tinker Lane Brewing Co. Taproom and kitchen, Grand Rapids, Michigan. Open daily. |
| 2 | Events | Background bg, grid layout, show image + date + time + name + description. 6 events now (max 10). Heading in the module header if available, otherwise a Text module above it. | ev-trivia.jpg, ev-lowkettles.jpg, ev-statichum.jpg, ev-junedial.jpg, ev-snowplow.jpg, ev-holiday.jpg (each 1000×1250, the poster is the event image) | H: ON THE LANE · Trivia is every Tuesday. Bands play on Fridays, and new cans get a party. Tue Nov 17, 7 PM · LANE TRIVIA · Six rounds, teams of up to six. The winning table takes a $50 gift card. Fri Nov 20, 8 PM · THE LOW KETTLES · Grand Rapids garage band, two sets in the taproom. No cover. Sat Nov 21, 12 PM · STATIC HUM RELEASE · Our new hazy IPA goes on draft at noon. Four-packs to go while they last. Fri Dec 4, 8 PM · JUNE DIAL · Folk duo up from Kalamazoo. No cover. Sat Dec 12, 11 AM · SNOWPLOW RELEASE · Imperial stout that spent a year in bourbon barrels. Two bottles per person. Tue Dec 15, 7 PM · MOVIE TRIVIA · Holiday films only. Same teams, same rules. |
| 3 | Media (image) | Full width, top and bottom spacing 0. Anchor: Tap list. | poster-taps.jpg (1800×900) | Alt: Twelve on tap. The board syncs from Untappd. |
| 4 | Text | Background bg, centered, small top spacing. 1 button. | none | The beers change most weeks. Check the list before you come in. Button: SEE THE TAP LIST → Untappd page |
| 5 | Media (image) | Bg #FF5FAF, full width, spacing 0. Anchor: Kitchen. | poster-kitchen.jpg (1800×900) | Alt: Smash burgers and one-pound pretzels. |
| 6 | Menu Group | Bg #FF5FAF, small top spacing, grid with images. Group: "Smash Burgers & Pretzels". 1 button. | POS item photos: item-lane-smash.jpg, item-single-smash.jpg, item-burger-basket.jpg, item-big-pretzel.jpg, item-pretzel-board.jpg, item-fries.jpg (800×800) | Intro: Order at the bar, or online for pickup. LANE SMASH $13 · Two smashed patties, American cheese, pickles, griddled onion, Lane sauce, potato bun. SINGLE SMASH $9.50 · One patty with American, pickles and onion. BURGER BASKET $16 · A Lane Smash with fries and hot sauce mayo for dipping. BIG PRETZEL $12 · A one-pound pretzel with beer cheese made from our amber and grain mustard. PRETZEL BOARD $15 · Six pretzel knots, beer cheese and two mustards. Good for the table. FRIES $6 · Skin-on fries with malt vinegar salt. Button: FULL MENU → Online Ordering |
| 7 | Text | Bg = Brand #1F2FA0, text in Background color, left-aligned, no bottom spacing. | none | H: THE BREWHOUSE A ten-barrel system behind the bar. We brew four days a week, and you can watch from your stool. |
| 8 | Media (video) | Bg = Brand, autoplay muted loop if offered. | brewhouse.mp4 (960×540, 12 s, under 1 MB). Stand-in: a flip-book of riso pulls of three brewhouse photos. Replace with the brewery's own clip (landscape, under 50 MB) and run it through the same two-ink grade if you can. | none |
| 9 | Image Carousel | Background bg, arrows + dots. | room-1.jpg … room-5.jpg (1200×750, pink frame baked in) | Alts: The long bar under the skylights / A four-beer flight on the bar / Long benches and barrels in the taproom / Fermenters next to the bar / Tanks in the brewhouse |
| 10 | Media (image) | Full width, spacing 0. Anchor: Private events. | poster-backroom.jpg (1800×900) | Alt: The back room. Private parties up to 40. |
| 11 | Text | Background bg, centered. 1 button. | none | It has its own bar and a projector. Tell us the date and headcount and we'll write back within a day. Button: ASK ABOUT A DATE → Form page "Private events" |
| 12 | Testimonials | Bg #FF5FAF. Auto-pulled 4–5 star Google reviews (max 6). Needs the Google Business Profile linked. | none | H: FROM GOOGLE. The mock shows placeholder cards; no review text is written for the client. |
None. Everything is native modules plus baked images.
python3 bake.py (Pillow, numpy, ffmpeg). To swap in the brewery's own photos, drop them into src/cand/ with the same keys and rerun. New events: copy a line in the EVENTS list (photo, title, date, one small line, pink-flood or paper version) and bake. Alternate flood and paper posters so the grid keeps its rhythm.
hero.jpg as the first module and set Welcome to the shortest height, or drop Welcome.All photos from Wikimedia Commons, converted to two-ink halftone prints and cropped by bake.py. Crops remove the source venues' signage and logos. CC BY-SA images: the derived images are shared under the same license.
| Used in | Original | Author | License |
|---|---|---|---|
brewhouse.mp4 | Anchor Brewing Company brewhouse.jpg | WolfmanSF | CC BY-SA 3.0 |
brewhouse.mp4 | Distelhäuser Brauerei Sudhaus.jpg | Distelhäuser Brauerei | CC BY-SA 4.0 |
brewhouse.mp4, room-5.jpg | Tanks at Green Leaf brewery.jpg | Ruth Hartnup from Vancouver, Canada | CC BY 2.0 |
ev-holiday.jpg, poster-taps.jpg | South Shore Brewery Taproom.jpg | Billertl | CC BY-SA 4.0 |
ev-junedial.jpg | Bar Kokhba 2014.jpg | digboston | CC BY 2.0 |
ev-lowkettles.jpg | Grade 2 (band) playing live in Ryde, Isle of Wight, 2017.jpg | Naturenet | CC BY-SA 4.0 |
ev-snowplow.jpg | Big Timber Brewing flight of beer.jpg | Aparkswv | CC BY-SA 4.0 |
ev-trivia.jpg | GeeksWhoDrink2018.jpg | DanielPenfield | CC BY-SA 4.0 |
hero.jpg, ev-statichum.jpg | IPA in a pint glass.jpeg | User:misterkong | CC BY-SA 3.0 |
item-big-pretzel.jpg | Pretzel Knot.jpg | Fadkins | CC BY-SA 3.0 |
item-burger-basket.jpg | Sriracha Double Smash Burger full meal.jpg | JIP | CC BY-SA 4.0 |
item-fries.jpg | Basket of French Fries.JPG | Ceeseven | CC BY-SA 4.0 |
item-pretzel-board.jpg | Brezel l Bäckerei-Raisch.jpg | LenaRaisch | CC BY-SA 4.0 |
item-single-smash.jpg | Cheeseburger.jpg | Renee Comet (photographer) | Public domain |
poster-backroom.jpg | Beer tasting flight at the Beer Farmers.jpg | Ruth and Dave | CC BY 2.0 |
poster-kitchen.jpg, item-lane-smash.jpg | Double Smash Burger with Fries.jpg | Wiki.cullin | CC BY-SA 4.0 |
room-1.jpg | Interior of CoolHead brewery taproom facing the exit.jpg | JIP | CC BY-SA 4.0 |
room-2.jpg | Beer at WoodGrain Brewing in Sioux Falls 02.jpg | Runner1928 | CC BY-SA 4.0 |
room-3.jpg | Hammerton Brewery Taproom, Barnsbury, N7 - 49233639492.jpg | Ewan-M | CC BY-SA 2.0 |
room-4.jpg | At the counter of Beak Brewery Taproom 2026-05-29.jpg | Andy Li | CC0 |
_playing_live_in_Ryde,_Isle_of_Wight,_2017.jpg){kind=link}
