Concept Selection
Each concept below is a complete, working homepage — its own layout system, its own typography, its own behaviour. They share only the brand, the content and the colour philosophy. Preview them live at any screen size, then open the ones you want to sit with.
Previewing at Desktop · 1440 × 900
The heritage house. A classic centred editorial flow — hairline gold rules, wide-tracked small caps, a drop cap, and a horizontal companion rail. This is the concept that keeps the current site’s typography, so it reads as an evolution rather than a replacement.
The cinematic one. Golden-Beige read as light against near-black, with a fixed vertical rail, a drag-scrollable portfolio gallery and a gilt scroll-progress line. The most expensive-feeling of the six, and the most private.
The private prospectus. A sticky left index column tracks your position through nine numbered sections while the content scrolls beside it. Spec sheets, a filterable register, a cool slate counterweight — this one reads like a members’ document, not a website.
The warmest of the six, and the one that leads with travel. Mediterranean arch-topped image masks, a floating pill nav, a destination lightbox and an olive-green counterweight. Softer and more inviting — this sells the journey first and the agency second.
Perfect symmetry and gilt linework. Double-ruled frames, lozenge ornaments, a monogram medallion and an endless companion ribbon that glides on without a seam. The most formal and most ceremonial of the six — closest to a private club’s printed stationery.
The contemporary one. A modular bento grid that genuinely re-composes across three tiers rather than merely stacking, plus a tabbed services panel and a eucalyptus counterweight. The most current-feeling, and the easiest to extend with new content later.
Built Into All Six
Whichever concept you choose, these are already in place — they are not upgrades to quote for later.
Type and spacing are set with fluid clamp() scales anchored to vmin rather than fixed breakpoint jumps. The layout pours into its container at any width — there is no size at which it looks like it is between two designs.
A phone held sideways is a short, wide screen — not a small desktop. Every concept detects that case and re-composes: heroes go side-by-side, vertical rhythm tightens, menus become two columns. Because the type scale reads vmin, it tracks the short edge automatically.
Images are served as AVIF with WebP fallback at four to six widths each, with intrinsic dimensions set to prevent layout shift. Fonts are self-hosted variable woff2 — no third-party font CDN, so no visitor IP leaves the site to load type.
Semantic landmarks, one h1 per page, descriptive alt text written for search as well as screen readers, JSON-LD organisation and FAQ schema, skip links, visible focus rings and full prefers-reduced-motion support.