4
Languages, each prerendered
516 KB
Whole site, built

Interior installation on board mega yachts · Slovenia

CL-MONT

A company that installs interiors on board mega yachts and manufactures nothing at all. The buyer is a yard project manager deciding whether these people can hold half a millimetre.

Client
Kristijan Šilak s.p.
Status
Live, in four languages.

Visit the site (opens CL-MONT in a new tab)

One wrong verb would have described a workshop they do not have

CL-MONT fits, scribes, shims, aligns, integrates and hands over. It does not craft, build or produce, because it has no workshop and makes no components. That is written at the top of the repository as a rule for anyone editing copy, in four languages, because a single word implying manufacture would have misrepresented the business to exactly the reader who would notice.

The CL-MONT home page. A brass hairline runs beneath the wordmark, and the fit tolerance is printed at the foot of the first screen.
The line under the wordmark is the datum. “Where fabrication ends, fitting begins” is the positioning rule in four words.

The site is built around one line

A single brass hairline behaves the way a laser level behaves on board: struck first, everything set to it. It appears in the hero, where the wordmark rises to meet it, under every section headline, as the progress marker in the deck elevation, and as the seam in the precision section. It is one object doing one job rather than a rule sprinkled around for decoration, and the instruction to keep it that way is in the repository too.

A flush brass inlay at a salon threshold, photographed close, with its reveal tolerance printed beside the caption.
The same line doing a different job: here it is the seam itself, captioned with the reveal it had to hold.

The deck elevation reads geometry, not events

The scroll mechanism works out the active deck from geometry on every frame instead of from intersection observers. A one-pixel sentinel crossing a band can enter and leave between two paints, and the rail is then left showing the wrong deck — on a site whose entire argument is precision. It is slightly more code and it is correct every frame.

The deck elevation, with the active deck marked on a vertical rail beside the section it belongs to.
The rail knows which deck you are looking at on every frame, and carries that deck’s tolerance inside the marker.

Four languages, four addresses, no redirect

English, German, Spanish and Italian, each prerendered to its own URL with its own title, description, canonical and hreflang set. Nothing is read from the browser's language and nothing redirects on it: a crawler indexes from one country, so a language redirect would show it a different page than the one it asked for. The switcher is four real links, so a visitor can bookmark or forward the language they are reading. Numbers follow each locale — 3,800 in English, 3.800 in German — and tolerances take the decimal comma where the language uses one.

The structured data contains only facts

The ProfessionalService markup carries the real name, address, phone and email and nothing else. No founding date, no opening hours, no coordinates, because those were not known and inventing them to fill a schema is how a business ends up publishing a detail about itself that is not true.

Reduced motion means still, not faster

With the preference set, the inertial scrolling library is never started at all, parallax and pinning do not run, count-ups render their final values, and reveals become plain fades. The palette was checked rather than assumed: the mid-tone sits at 2.9:1 and is therefore used only for rules and tick marks, with a lighter cut of the same hue at 6:1 doing the work wherever it has to carry text.

Send the brief.

Tell us what the site has to do and who has to be convinced. If we are not the right studio for it, we will say so in the reply rather than in the third meeting.

Next project: zacasniodvzem.si