They took a chance on a penguin.
We never forgot it.
When The Punch Bowl Silsden became our first ever client, Blue Penguin Digital was nothing but a laptop and an idea. Three years and two complete rebuilds later, their site runs at 97/100 performance — and we still haven't sent them a bill for the second one.
A pub in Silsden. A penguin with a laptop. No portfolio.
Let's be honest about what "first client" really means. There's no portfolio to show. No case studies. No "here's what we did for X." There's just a conversation, a handshake, and someone deciding to trust you anyway.
The Punch Bowl is a proper Yorkshire pub in Silsden, West Yorkshire. Sunday lunches that draw a crowd. Thirty-plus gins behind the bar. Steak nights, live music, functions upstairs. The kind of place where the website matters because people are checking the menu before they walk over — not booking a table through an app.
Version 1.0 was built in PHP. It did the job — it got them online, gave them a presence, showed the food. But as we grew as developers, something nagged at us. Every project after The Punch Bowl got faster, sharper, more polished. And our first client — the one who took the biggest risk — still had the oldest code.
What the V1 site had become
- ✗PHP runtime dependency — unnecessary for a content site
- ✗Performance lagging behind our newer work
- ✗No component reuse — each page a standalone file
- ✗Static content trapped in server-side templates
- ✗The gap between their site and our capability kept growing
The Penguin Promise
Most agencies would see an outdated site and send an invoice. We saw a chance to say thank you.
Integrity Over Invoice
We contacted them with a surprise proposal: a complete ground-up rebuild using 11ty and Tailwind CSS. Zero cost. Not because the old site was broken, but because we could now build something better — and they deserved the best we could do.
Warm, Not Flashy
They didn't ask for bells and whistles. No booking engine, no CMS dashboard, no "cutting-edge" anything. They wanted a digital version of their pub: warm, welcoming, and honest. The brief was refreshingly simple — do the fundamentals properly.
Proper Foundations
PHP out, 11ty in. Tailwind CSS component layer. Alpine.js for interactivity. The visual identity stayed identical — same warm colours, same Playfair Display headings, same bookcase hero — but the engine underneath got faster, cleaner, and easier to maintain.
Polished Simplicity
Doing the simple things properly. No shortcuts, no templates, no filler.
Sample Menus, Done Right
We deliberately didn't build a live inventory system. Instead, clear, beautiful sample menus with pricing and seasonal badges. Customers get an accurate picture of the food and prices. The pub doesn't have to update the website every time they sell out of the Pie of the Day. Practical beats complex every time.
Atmosphere as Architecture
The design brief wasn't a spec document — it was the pub itself. Dark, warm tones. Gold accents against deep burgundy. The bookcase hero image that grounds the homepage. Playfair Display headings that feel like a pub sign, not a tech startup. Every design decision answers one question: does this feel like The Punch Bowl?
Speed as Standard
No CMS runtime. No plugin chain. No database queries to serve a menu page. Just static HTML generated by 11ty, styled with Tailwind, and served from a proper hosting stack. The result? You can check the Sunday lunch price while walking to the pub on a weak signal — and the page will be there before you look down.
What we actually built
Four pages. No filler. Everything the pub needs, nothing it doesn't.
Home
Bookcase hero. Pub atmosphere. Sunday lunch, gin collection, steak nights — all above the fold where it matters.
Food & Menu
Full sample menus with pricing and seasonal badges. Sunday lunch, main menu, children's menu — all clearly laid out.
What's On
Regular events. Steak nights. Live music. The Gin Palace. Functions upstairs. Everything that brings people through the door.
About
The story of the pub. The people behind the bar. Opening hours. Location. The trust signals that turn a visitor into a regular.
Developer Insight // Winston
"Four pages, three typefaces, zero JavaScript frameworks. No database. No CMS. No 'modern web' cargo culting. Just the content, styled properly, loading fast. The cheat code is that there is no cheat code — just good fundamentals applied consistently."
What they said
"Just had a fantastic experience with Rob, the owner of Blue Penguin Digital. Having wanted a website built for some time but always been put off and overwhelmed with what it should contain, Rob made this very easy for me — even without me knowing, he eased information out of me over a few emails and one video call. Communication was prompt and clear, and if I didn't understand something he explained in simpler terms. From the first enquiry Monday morning the website was built and ready by Thursday the same week and was live by Friday morning. An exceptional, speedy service with excellent communication at a reasonable, small-business-friendly price."Sam Middleton Owner, The Punch Bowl Silsden
The Numbers
Performance
No CMS runtime means no overhead. Static HTML at its fastest.
Accessibility
Semantic HTML, proper heading hierarchy, skip links, colour contrast.
Best Practices
HTTPS, correct image dimensions, no legacy JavaScript.
SEO
Structured data, meta descriptions, crawlable static content.
First Contentful Paint
Largest Contentful Paint
Total Blocking Time
Cumulative Layout Shift
Speed Index
Verified by Google PageSpeed Insights. Source: pagespeed.web.dev
The Tech Specs
For the nerds
project: The Punch Bowl Silsden
build_type: Static website (11ty)
business_context: Traditional Yorkshire pub
stack:
generator: 11ty/Eleventy v3
css: Tailwind CSS 3.4 + custom component layer
js: Alpine.js (minimal interactivity)
fonts: Playfair Display, Special Elite, Open Sans
hosting:
server: cPanel shared hosting
deployment: rsync via SSH
ssl: AutoSSL (cPanel)
build_pipeline:
css_build: Tailwind JIT compilation + minification
site_build: 11ty static generation
audit_step: build-audit.js pre-deployment check
deploy: rsync to test, then live
confirmed_metrics:
Performance: 97/100
Accessibility: 100/100
Best_Practices: 92/100
SEO: 100/100
FCP: 1.5s
LCP: 2.5s
TBT: 0ms
CLS: 0
Speed_Index: 1.5sDeveloper Insight // Winston
"0ms Total Blocking Time isn't a performance achievement — it's what happens when you don't ship a JavaScript framework to render a menu and a pub sign. The site loads in the time it takes to read this sentence. That's the whole point."
Want a website that puts your business first?
No templates. No shortcuts. Just proper websites, custom-built for businesses that value craft over convenience. Like we did for The Punch Bowl — our first client, and still one of our proudest.
More case studies
See what else we've built — hand-coded, no templates.