Tartan — Bold Scottish Cuisine Landing Page Template

Quick summary

Braw is a hero-dominant landing page template for Scottish street food and food truck businesses. It leads with a hand-drawn, woodcut-meets-comic illustration that fills ninety percent of the viewport, then guides visitors through an appetite-building menu scroll before presenting three clearly separated booking paths. The design is warm, textured, and instantly memorable.

Who this template is for

This template is built for food truck owners, street food vendors, and Scottish cuisine brands who need to attract more than one type of customer from a single page. It suits businesses that take private event bookings, run regular pitch schedules, and sell branded products alongside their street food.

• Festival organisers, Highland games coordinators, and wedding couples looking to hire a food truck for a private event
• Office park managers and venue bookers who need a regular weekday pitch rotation
• Independent retailers and deli buyers interested in stocking jarred sauces or branded condiment lines

What problem this template solves

Most food truck websites speak to one audience at a time. They either pitch event hire or a location schedule, and retail buyers have nowhere obvious to go. Braw solves this by routing three distinct customer types through their own illustrated booking path, so every visitor lands on a form that asks them the right questions and qualifies the lead before it reaches the inbox.

• Event enquiries arrive pre-sorted with event type, guest count, venue postcode, and a rough budget band
• Retail enquiries capture shop name and monthly volume so you know the buyer's scale before you reply
• Location followers can check a live schedule and calendar embed to find upcoming pitches without contacting you at all

What you get with this template

This template gives you a complete, single-page structure that does the heavy lifting of brand storytelling, menu presentation, and lead qualification in one scroll. Every section is designed with a specific job, and the visual identity runs consistently from the hero illustration to the footer.

• A full-bleed illustrated hero scene in woodcut and risograph poster style, rendered entirely in the Fire and Earth colour palette
• A scroll-animated menu showcase that alternates between hand-lettered illustrated plates and photographed close-up parallax bands
• Three illustrated booking path cards covering private event hire, weekly pitch discovery, and retail stocking enquiries

Feature list

A paragraph introducing the feature set of this template, grounding each capability in what the source brief describes.

Full-Bleed Woodcut Hero Illustration

The header illustration fills ninety percent of the viewport in a woodcut-meets-comic style. It shows the truck hatch open, a tattooed arm passing haggis fries across the counter, decorative smoke swirls forming the wordmark, and small hidden details like a thistle sticker and a wee Scottie dog at someone's feet. Colour is restricted to the Fire and Earth palette plus a single tartan red accent on the bunting.

Scroll-Animated Menu Showcase

Each menu dish is introduced as a full-bleed illustrated plate in a fork-and-knife overhead angle. Hand-lettered ingredient callouts animate in on scroll. Between dish panels, photographed parallax bands show food close-ups such as a ladle dragging through gravy or condensation rolling down a ginger beer bottle. The rhythm alternates drawn and real-world visuals to keep visitors curious and scrolling.

Three Illustrated Booking Paths

After the menu scroll, three illustrated signpost cards present distinct conversion routes. "Book the Truck" opens a private event form with a date picker, guest count, event type, and budget band. "Find Us This Week" links to a live map and calendar embed. "Stock Our Stuff" targets retail buyers with a form asking for shop name and monthly volume.

Sticky Mobile Call to Action

On mobile viewports, a sticky "Book the Truck" button anchored in amber on peat brown remains visible at the bottom of the screen once the hero section has passed. This keeps the primary conversion action accessible without requiring the visitor to scroll back to the top.

Pre-Sorted Lead Qualification Forms

Each booking path collects different information. The event hire form asks for event type, guest count, venue postcode, and a rough budget band. The retail form asks for shop name and monthly volume. This means every enquiry arrives pre-sorted and ready for a direct reply rather than a back-and-forth clarification exchange.

FAQ Accordion and Social Proof Band

A frequently asked questions accordion allows visitors to expand and collapse answers without leaving the page. A social proof section displays a quote from an event organiser, a list of pitch locations, and festival logo marks to build confidence with first-time visitors.

Page sections overview

Design & branding system

The visual identity follows a Neo-Retro theme built on the Fire and Earth colour system. Every colour in the palette carries a specific role, and the typography pairing reinforces the handcrafted, poster-market personality of the brand.

• Deep peat brown (#3B2316) anchors all primary backgrounds, heather-smoke charcoal (#4A4238) carries body text, open-flame amber (#D4760A) activates buttons and hover states, croft-white (#F5EDE3) breathes across card surfaces and section breaks, and tartan red (#B8282E) provides a single accent shock on the bunting illustration
• Fraunces is used for display headings and serif moments, while DM Sans handles all body and form copy for clean readability

Mobile & speed optimization

The template is built with a mobile-first device priority, which suits the real-world browsing context of festival-goers and event planners checking details on their phones. Scroll-linked reveals and parallax effects are handled with native browser tools to keep motion smooth.

• Intersection Observer powers all scroll-reveal animations and staggered ingredient callouts, removing the need for heavy JavaScript scroll listeners
• Native CSS smooth scroll is used throughout, and the sticky mobile call to action button is positioned to stay visible without obscuring key content

How this template helps you convert

The conversion structure is deliberate. Rather than pointing every visitor at a single contact form, this template separates the audience early and routes each type to a path that fits their intent.

1. The hero illustration and atmospheric scroll create immediate appetite and emotional connection before any booking ask is made, so visitors arrive at the conversion cards already engaged with the brand
2. The three illustrated booking paths present distinct, clearly labelled options so festival organisers, office managers, and retail buyers each see a path that speaks directly to their need rather than a generic enquiry form

Other information about this template

This template is designed specifically for the Scottish street food and food truck niche, where personality and provenance matter as much as the menu. The structure works equally well for a new truck launching its first web presence or an established vendor refreshing their booking and retail pipeline.

• The page uses English (Scottish) localisation with GBP pricing and UK date format throughout all forms and schedule displays
• Animation intensity is high, covering scroll-linked reveals, staggered callout sequences, parallax bands, and floating dish cards, making this template suited to brands that want a visually immersive experience
• The footer follows a horizontal flow pattern with space for navigation links and a brand surface pattern
• This template can support a food truck brand at the intersection of hospitality, event hire, and independent retail without requiring separate pages for each audience

Show more