Sell the partnership, not the machine.
Vendora places premium vending systems inside hotels, private members' clubs, and flagship retail spaces. The product photographs beautifully, but the offer isn't the machine: it's the hospitality upgrade. Guests notice; venues earn.
The brief was clear: make the site feel like the kind of publication a venue owner would want to be featured in. Editorial confidence. No stock imagery. A single, calm call to action.
Typography as the primary surface.
Instead of leading with product photography, the hero leads with type, set at magazine scale, with tight optical tracking and a single muted accent colour. The product appears as you scroll, not before.
Type scale
- Display: a condensed serif at 96–140px with -2% letter-spacing
- Body: Inter at 17/28 for long-form sections, 15/24 for supporting copy
- Numerals: tabular, so pricing and spec blocks align vertically
Colour
A near-black ink over warm paper, with a single saturated accent reserved for calls to action. No gradients, no glassmorphism. Everything earns its pigment.
InteractionRestrained motion that reinforces hierarchy.
Motion is there to guide attention, not perform. Three patterns do most of the work:
- Copy settles first; imagery enters after, so the eye lands on the argument before the product
- A soft 200ms stagger on list items gives long sections a natural reading rhythm
- No parallax, no auto-play. The page only moves when the user scrolls
Fast by design, not by accident.
Vendora is built with plain HTML, CSS, and a small amount of vanilla JavaScript. No frameworks, no build tools, nothing to maintain between updates. Every page is a static file served directly from Netlify's global CDN, which is a large part of why the performance scores are as high as they are. The partner enquiry form routes submissions straight to the client's inbox via Formspree, with no backend server required. Scroll-triggered animations run through the browser's native IntersectionObserver API, keeping the whole thing fast and self-contained. Fonts load without blocking the first paint, so the page arrives quickly on any connection.
