Dioptra
Beauty & Healthcare · free on every plan
Medical optics: the prescription for each eye and the pupillary distance written as settings, the frame dimensions in millimetres with the lens–bridge–temple code, lenses with their refractive index, frame shape by face shape, contact lenses with how many days a box lasts, and the steps for ordering with a prescription.
Start with this theme Open the demo full screen
What you see above is Dioptra running on a real store, with real products — not a screenshot. Scroll it, open a product, put something in the basket.
What the home page is made of
Dioptra lays out its home page in 7 sections, in this order:
- Large banner
- Frame shape by face shape
- Product grid
- Collections
- A prescription is required
- Icon grid
- Newsletter
Every one of them can be edited, reordered, duplicated or removed in the editor, and there are more sections to add from the shared library. Nothing here is baked into the code.
What it adds to the product page
Beyond the usual title, price, variants and buy button, Dioptra brings 6 sections of its own to the product page:
- The frame dimensions
- The lenses and the index
- The prescription and the pupillary distance
- Contact lenses
- Frame shape by face shape
- A prescription is required
These are the parts that make a beauty & healthcare page answer the questions a buyer actually asks before paying. You decide which of them stay.
Colour and type
Dioptra is set in Manrope, with corners square, with no rounding at all. Its default palette:
- Primary
#25313A - Headings
#0F161B - Body text
#465059 - Background
#FDFDFB - Hairlines
#DEE2E3 - Sale
#A2372C
The theme ships with 3 ready-made palettes — switch between them in one click — and you can always set your own colours instead. Fonts come from the same screen: pick any of the families we host, for headings and body text separately.
What you get with any theme
It is free, on every plan, including the free one. We do not sell themes and we do not charge for the ones we make. There is no commission on your sales either.
Every theme has a visual editor — sections, colours, fonts, layout — and an Edit code view next to it when you want to go further. Both work on the free plan.
All of them are built for a phone first: the demo above is the same code a shopper gets on a 375px screen. Checkout, cart, search and the account pages come from the platform, so they stay fast and consistent whichever theme you pick — and they are translated into every language your shop sells in.