Ironbark
Website · example
A direct-booking page for an off-grid tiny house in the bush: a full-bleed monochrome hero, the price, a live calendar run by Little Hotelier, and the reviews, all on hairline rules.
A getaway site built so the owner can take bookings directly and keep the fees, set closer to a high-end cabin brand than to a booking platform. One flat system: paper, ink and a single ember orange, no drop shadows, no rounded corners, hairline rules everywhere. Bricolage Grotesque set large and tight for the title and headings, DM Sans for the text, DM Mono for the numbered section labels, dates and prices. Every photo is monochrome and colours up on hover, so the orange is the only colour on the page. The header is the name, five anchor links and one Book button.
A full-bleed hero photo with the title set over it, then seven numbered sections: a strict four-photo grid with captions, the host and four highlights in a hairline grid, the amenities as a numbered list, an availability calendar with the booked nights struck through and the stay in orange, review scores by category beside four quotes, an approximate location marked with a square instead of a pin, and the house rules at the end. A booking card stays put on the right with the nightly rate, the dates, the price breakdown and the total. Bookings and payments run through Little Hotelier, the SiteMinder booking engine and channel manager most small Australian stays already use: the calendar on the page is the same one Airbnb and Booking.com draw from, so a night booked anywhere is blocked everywhere, guests pay half up front by card or Apple Pay, and the owner keeps the platform fee. On a phone the price and Reserve sit in a bar pinned to the bottom of the screen. A studio example for cabins, farm stays and short-stay rentals.
Built with Next.js, TypeScript, Tailwind CSS, Little Hotelier.