LES · Prefabricated timber houses · Homepage concepts
Six directions, one set of houses.
Same brand, same four models, same copy throughout — so what you are comparing is the design language, not the content. The wooden directions (D, E, F) use real photography; the first three were the earlier, non-wooden attempt and are kept only for reference.
The wooden directions
Local variable fonts (Fraunces + Inter), real timber photography, and a different structural idea in each.
Nordic Warm
Light oat and linen, serif display type, a full-bleed hero with a stats ledge overlapping it, a sideways-scrolling model rail and a mosaic of interiors. Premium and calm.
Open →Dark Timber
Espresso and amber, full-viewport dusk photography, and a model theatre where clicking a name swaps the large image and its spec panel — no JavaScript, pure CSS.
Open →Slat Catalogue
Cream and walnut, framed left and right by fixed timber slat rails. Each house is a numbered plate in an architecture catalogue, with a scrolling marquee and vertical section tabs.
Open →Earlier, non-wooden attempt
Kept for reference only — these use grey placeholder boxes instead of photography.
Blueprint
Dark technical catalogue, houses as spec rows.
Open →Editorial
Paper tones, magazine spreads, no borders.
Open →Configurator
Near-black HUD over a full-screen render.
Open →Everything here is placeholder. Read before showing this to anyone outside your team:
- Photography is from Unsplash (free licence, no attribution required) and stands in for your 3D renders. Every image lives in
assets/img/— replace the files, keep the names, and the layouts hold their shape. - The company does not exist. "LES d.o.o.", Marko Zupan, Škofja Loka, the phone number and the email are invented.
- Every number is invented — prices, 14-week delivery, U-values, 240 houses, the 30-year warranty, the €40/month heating figure. Replace them all with your real figures before publishing.
- Model names (Alpska, Kras, Sava, Triglav) are placeholders chosen to sound plausible in Slovenian.