Source：marasrl.it ↗ Checked 2026.10.20
Editor's note
What this site does
An Italian contract-furniture maker that keeps its trade-fair stand number scrolling at the top of every page and lets you browse products by type or by where they will be used.
Conversion
Notes
What you see
A thin red-brown band runs across the very top: "ORGATEC — Cologne, 27-30 October 2026 — Hall 6.1, Stand C051." Below it, the logo and seven navigation items written as one comma-separated line — About, Products, Systems, Projects, Professionals, Stories, Contact — plus search and a language switch (Italian, English, German, French). The first screen is a single product photograph of a table and chair seen from above.
The page then introduces the company ("Crafted in Italy for life and work"), three featured products — the Typo chair by Michele De Lucchi's studio AMDL CIRCLE, the Libro folding mechanism and the height-adjustable Follow table — and two ways into the catalogue: by type (seats, tables and desks, stools, complements) and by use (office and coworking, conference, hotels and restaurants, home, outdoor). Six projects follow, each written as "place / city_country", then four stories. The Professionals section collects 2D/3D product files, catalogues and certificates.
What to take from it
A trade-fair appearance is something partners check before they travel. Putting dates, hall and stand on every page means nobody has to hunt through a news section for it.
Offering "where will you use it?" alongside "what is it?" matches how buyers think about furnishing a meeting room or a hotel. And a page of drawings, catalogues and certificates serves the architects and dealers who specify the products rather than buy them.
Typography
Typefaces
| Element | Desktop size / weight | Desktop line height | Mobile size / weight |
|---|---|---|---|
| h1 | — | — | 48px / 400 |
| Body (p) | 14px / 400 | 1.00 | 12px / 400 |
| Button | 23px / 400 | 1.00 | 19px / 400 |
Measured values (desktop 1440px, mobile 375px, 2026.10.20). The most frequent setting for each element is shown. Sites that use h1 for a logo or small label will show a small h1.
Download
Download the wireframe
This structure, as a wireframe you can edit in Figma
The page structure above, rebuilt from DevNJ's wireframe parts. It contains none of the original site's copy, images or code.
Using it in Figma
- Download the SVG.
- Drag and drop the file onto a Figma canvas.
- It opens with one layer group per section — start by reordering sections or replacing the copy.
Text comes in as text layers (set in Noto Sans JP).
Screenshots are shown at reduced size as quotations supporting the commentary. All rights in the design, copy and images belong to Mara and their respective owners. The wireframes are not copies of the original site; they rebuild its structure from DevNJ's parts. Owners or designers who would like this entry removed or corrected can contact us; we respond within two business days. Featured on: siteInspire
