Relox | Website Design & Framer Build
Bilal Haider
Try the live site
relox.framer.website: open it, browse the collection, and place a piece in a room with Room Studio.
Relox
A website that feels like walking into a Relox room
Relox designs rooms and makes the furniture that goes in them, so the website has two jobs: show finished interiors with the calm of the brand, and sell the pieces one by one. It's built in Framer on the Relox identity: warm neutrals, slate and navy, Montserrat and Inter, and plenty of space. At its centre is Room Studio, a 3D tool where visitors place Relox pieces in a photo of their own room.
Relox is a self-initiated concept brand by Theepa Studio. The site is a working Framer build.
Scope: UX & UI design, Framer development, CMS, React code components, Three.js. 7 pages, 3 breakpoints.
Relox
The challenge: furniture is hard to buy from a screen
People want to feel the material, see the piece at home and know the next step is easy. The site is built around those three needs.
Relox
Seven pages, one path
From mood to a sent room: discover, explore, visualise, enquire. Then the identity becomes a web system of colours, type scale, buttons, product cards and states.
Relox
Relox
The home page: eight sections, each with one job
Hero, categories, statement, Made to Stay, living spaces, Room Studio, product signature and footer. The hero gives the logo's letter spacing the scale of a room, and small movements make it feel crafted: an endless rail, hover states and soft page transitions.
Relox
Relox
Relox
From the whole collection to one piece, in two clicks
The collection filters by room and material; each product page carries finishes, sizes, lead time and a Try in Room button.
Relox
Room Studio: see every piece in your own room before you buy it
Upload a photo, match the camera, place and finish the pieces, then send the room to the studio. A 3D view lets you walk all the way round your layout.
Relox
Relox
Projects and Studio
Finished rooms, and the people who made them.
Relox
Motion and responsive
The logo draws itself while the site loads. Every page is designed for tablet and phone, not just shrunk, so the same calm holds at 390 pixels.
Relox
Relox
Relox
Built in Framer
Editable by the studio, with custom code only where it counts: 7 pages, 3 breakpoints, 12 CMS products, 4 CMS projects and 5 code components (Room Studio, the Made to Stay rail, a before/after slider, Try in Room and the preloader).
Relox
Relox
Website design and Framer development by Theepa Studio. Live site: relox.framer.website
Like this project
Posted Oct 24, 2026
A calm website for an interiors and furniture studio, built in Framer with Room Studio, a 3D tool that places Relox pieces in a photo of your own room. Live at relox.framer.website. Concept brand by Theepa Studio.
