Skip to content
Mirsam Studio

Maison Amira

A fine patisserie presented the way the product deserves, built with no framework at all.

Category
Showcase
Year
2026
Role
Art direction & build
Maison Amira
Concept build

A concept build. No client commissioned this, and no performance or business figures are claimed for it.

Visit the live site

Overview

A photography-led showcase for a patisserie: the story, the menu in French and Levantine, a gallery, and the details someone actually needs before visiting.

The challenge

Food photography carries this kind of site entirely, and there was none — no shoot, no budget, and stock imagery that never matched the actual product.

Approach

The photography was generated to a tight art direction, then colour-matched, cropped and optimised as a real shoot would be — so the imagery serves the layout instead of the layout apologising for the imagery.

Design

Unhurried. Cream and antique gold, a display serif against a quiet sans, and enough space around each plate that the page reads as a menu rather than a catalogue.

Development

No framework and no build step. Scroll reveals, a lightbox gallery and a condensing header, all in vanilla JavaScript with a no-observer fallback so the content is never trapped behind an effect.

  • HTML
  • CSS
  • JavaScript

Responsive

The gallery moves from a staggered two-column arrangement to a single column, and the menu keeps its price alignment at every width using tabular figures.

Gallery

Maison Amira — Story
Story
Maison Amira — The menu
The menu
Maison Amira — Gallery
Gallery
Maison Amira — Visit
Visit

Want something like this?

Tell us what you're building and we'll come back with a view on scope, timeline and budget.

Next project

Projects World

Redesign study

← Work