Mondrane

Mondrane is a playful, tactile template for creative agencies and design studios. Every surface is a soft, glossy cushion you want to squeeze. The home page opens with the Puff Wall: a bento of inflatable project cushions that swell on hover, dent when you press and open full screen when you click.

The work section is a little radio. Turn the knob, scroll or tap a station, and the screen breaks into analogue static before it locks onto the next project.

Highlights

• Puff Intro: an opening that turns into the hero, in two styles — Pillow drop (the cushions fall into a heap, then fly into the wall) or Balloon (a crumpled M is blown up, pops, and the pieces land in the wall)

• Puff Wall hero: interactive cushions with hover, press and open states

• Puffy Tuner: a radio-style project viewer with a knob, a station groove and real interference

• 11 pages: Home, Work, Project, Studio, Services & Pricing, Journal, Article, Contact, 404, Legal and Read me

• Work page with category filters, Load more and a Wall / Tuner switch

• Projects CMS feeds the wall, the tuner and every project page

• Pricing with a Project / Retainer toggle and an FAQ accordion

• Contact form with service and budget chips. It sends to any form endpoint or opens the visitor's mail app

• Working newsletter signup in the footer (any endpoint or email)

• Puffy menu drawer on phones

• Desktop, tablet and phone layouts for every page

• Colour and text styles for the whole site