Barn's بارنز
Watch the film
Jeddah · Since 1992
Made here. Since 1992.
مننا ويفهم جونا
Saudi Arabia's first drive-thru coffee, roasted in Jeddah and poured in more than 900 places.
Scroll
900+ branches Roasted in Jeddah First drive-thru in the Kingdom Six countries Since 1992 Two windows, two minutes 900+ branches Roasted in Jeddah First drive-thru in the Kingdom Six countries Since 1992 Two windows, two minutes
Bean to cup
Origins Green beans from Brazil, Ethiopia and Colombia, chosen by our own buyers.
Roasted in Jeddah Three roasting plants in the Kingdom. Every bag and every cup starts here, days from roast, never months.
Your cup Two windows and two minutes at the drive-thru. Or a seat and a slow hour at Barn's X.
Origin
Jeddah roastery
Window two
Take Barn's home
Roasted this week, at your door.
Beans, capsules and the coffee box for gatherings. Delivered across the Kingdom.
Shop all →
Since 1992
Thirty-four years, one cup at a time.
1992 Al Amjaad opens the first Barn's drive-thru kiosk in Jeddah.
2024 The 700th branch opens.
2026 More than 900 places across six countries.
2030 The goal: 1,000 Barn's around the world.
Find us
0 branches and counting
From the corniche to the mountain road, there's one near you.
Jeddah Riyadh Makkah Madinah Dammam Taif Abha Tabuk Yanbu Al Baha Dubai Muscat
Find the nearest Barn's ↗
The app
Order ahead. Skip the line.
Drive-thru pickup, wallet, and points on every cup. Your usual is one tap away.
Order ahead Ready in 4 min
Points 2 cups to a free one
Wallet SR 40 balance
Good morning
Nearest · Barn's Al Rawdah Drive-thru · 2 min
Your usual Spanish Latte, medium, oat
1,240
Order your usual
See you at Barn's
نشوفك في بارنز
Newsletter Coffee news, once a month.
© 2026 · Demo concept — unofficial Design demo only — not affiliated with, endorsed by, or connected to Barn's. All trademarks, names and photography belong to their respective owners (photos from barns.com.sa; clips are Mixkit placeholders). Made in good faith — any removal or change requested by the rights holders will be done promptly.
Concept notes Concept draft · unofficial
×
A day at Barn's
Barn's is the coffee that is from here. The page follows one day: it opens on the morning pour, turns forest green while the beans are roasted in Jeddah, and ends in navy at Barn's X after dark. The background changes colour as you scroll, so the brand's three colours become chapters rather than decoration.
Why this works for Barn's
Modern coffee sites (Blue Bottle, Onyx, % Arabica) lead with film and big type. Barn's has the photography for it already.
The current site's tagline and beige-and-green palette are kept; the treatment is what changes.
Arabic is a first-class layout, not a translation. Press AR in the top bar.
One primary action everywhere: order. The bean shop becomes "Take Barn's home".
Palette
Paper
Barn's green
Forest
Navy
Crema
Ink
Type
Instrument Serif for headlines نوتو كوفي للعربية Instrument Sans for everything you read or tap.
Motion map
Hero film shrinks into a framed card as you scroll; headline words rise on load.
Ticker of brand facts.
Menu strip: drag to scroll, cups tilt toward the cursor, "+" appears on hover.
Bean-to-cup chapter pins in place and swaps three films as you scroll.
Page colour shifts by chapter: paper, forest, navy.
Branch counter counts up; timeline draws itself; phone straightens on hover.
Everything respects reduced-motion settings.
Real vs placeholder
Photography, product names and the branch count are Barn's own (from barns.com.sa).
The four film loops are Mixkit stock, standing in for a brand film and roastery footage.
Prices, app screens and the "nearest branch" are placeholders.
If we go ahead
Shoot a 20-second brand film and roastery footage in Jeddah.
Menu, product, branch and franchise pages on the same system.
Keep the page under 1.5 MB with real WebP/AV1 assets.
