DevNJ Make your business ease

siteInspire ·France (Château Montrose estate, Bordeaux; company based in Paris) ·Picked 2026.10.23

Dix Hectares

Skincare brand (estate-grown botanicals, e-commerce) website design reference — Cosmetics・Origin story・Shop by concern・Cream and terracotta
Dix Hectares homepage (desktop)
Desktop (1440px)
Dix Hectares homepage (mobile)
Mobile (375px)

Editor's note

What this site does

A French skincare house, growing its botanicals on a Bordeaux estate, that offers three ways to choose — season, category and skin concern — and shows prices from the start.

Conversion

Notes

What you see

A strip at the very top says standard shipping, samples and returns are free. The first screen is a video of a serum dropping from a pipette, the brand name across the full width, and three lines about an estate, botanical skincare and the seasons.

Products are grouped by season — prepare, autumn–winter, spring–summer — with size and price. Then come sliders by category and by eight skin concerns (dehydration, dullness, redness, dark spots and more), a row of press quotes with the title and month, and two panels on the estate ("Soil") and the lab ("Skin").

What to take from it

Stating delivery and returns terms before anything else removes a reason to hesitate at the basket.

People choose in different ways. Offering several entrances — by type, by problem, by season — means fewer of them leave without finding the right product.

Typography

Typefaces

Element Desktop size / weight Desktop line height Mobile size / weight
h1 14px / 400 1.50 12px / 400
h2 10px / 400 1.60 10px / 400
h3 14px / 400 1.40 12px / 400
Body (p) 14px / 400 1.43 10px / 400
Button 11px / 400 1.45 10px / 400

Measured values (desktop 1440px, mobile 375px, 2026.10.23). 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.

Dix Hectares wireframe built from DevNJ parts (desktop)
Desktop (1440px)
Dix Hectares wireframe (mobile)
Mobile (375px)

Using it in Figma

  1. Download the SVG.
  2. Drag and drop the file onto a Figma canvas.
  3. 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 Dix Hectares 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

More

More from siteInspire

All design references →

From reference to your site

A structure like Dix Hectares, for your own site.

Just tell us which reference you liked. We will look at your current site and come back with a structure that fits your industry and your readers.

Get in touch →