Httpster ·United Kingdom (London) ·Picked 2026.10.18
Cubitts
Eyewear (shops and e-commerce) website design reference — Retail・Route to the shop・Virtual try-on・Monochrome
Source：cubitts.com ↗ Checked 2026.10.18
Editor's note
What this site does
A London spectacle maker that keeps a way into its shops visible throughout its online store, and lists what can only be done in person.
Conversion
Notes
What you see
The first screen is two photographs side by side: a new collection and an artist collaboration. An "Our stores — Visit us" entry point stays on screen as you scroll.
The stores page lists shops in Brighton, Cambridge, Edinburgh, Leeds, London and Manchester, and says what happens there: frame fitting, eye exams, repairs and bespoke frames. The navigation also offers a virtual try-on for anyone who cannot get to a shop.
What to take from it
For products where fit matters, many people browse online and decide in person. Hiding the shops inside an online store loses them; keeping the route visible keeps them.
Naming what only the shop can do — an eye exam, a repair, a fitting — gives people a reason to come in, which "find your nearest store" alone does not.
Typography
Typefaces
| Element | Desktop size / weight | Desktop line height | Mobile size / weight |
|---|---|---|---|
| h2 | 16px / 400 | 1.38 | 16px / 400 |
| Body (p) | 14px / 400 | 1.43 | 14px / 400 |
| Button | 14px / 400 | 1.14 | 16px / 400 |
Measured values (desktop 1440px, mobile 375px, 2026.10.18). 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 Cubitts 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: Httpster
