Work · Landing Page Brand · Web · Editorial Design
Our Work
Our Work · Selected Work · Interior & Lifestyle

me.
Interior Design

A floating-card landing page concept for a boutique interior design studio — coral and terracotta palette, editorial display type and a refined product-search experience that reads more like a magazine than a marketplace.

Live Demo

The hero, as it ships in the browser.

Built in vanilla HTML and CSS — no frameworks, no build step, no images. The interior scene is composed in pure CSS. Embed below is the actual page running in production.

me-interior-design.optimise-group.co.za
Open live demo ↗ Brief us a similar project
Design Direction

A floating editorial card. Warm palette. Quiet composition.

The reference brief asked for a wide desktop mockup floating on the page — soft shadow, generous breathing room, and a split between a coral-and-terracotta image panel on the left and a clean white content column on the right. The whole thing reads as one composed object rather than a stretched browser window.

01

Floating hero card

An eight-pixel-radius card lifted off a blush page background by a layered drop shadow. Caps at 1280px so the layout never sprawls on ultra-wide displays.

Detail · Soft shadow, max-width container
02

White vertical sidebar

Narrow rail on the far left holds the wordmark, three navigation links and a small "Where to find us?" link near the bottom — a hint of intent, not a full footer.

Detail · 88px sidebar, hairline divider
03

Coral & terracotta scene

A pure-CSS interior — back wall, floor, bench, side table, books, coat rack, vase — composed with gradients and pseudo-elements. No image weight, infinitely re-tintable.

Detail · Gradient layering, no rasters
04

Editorial typography

Playfair Display 900 for the "DESIGN" headline, Inter for everything else. A small uppercase "INTERIOR" eyebrow sits between two delicate grey rules.

Detail · Display serif + neutral sans
05

Slim search & video card

A blush-tinted product search with a coral pill button, plus a small thumbnail card carrying a circular play button and a one-paragraph collection introduction.

Detail · Functional in a single screen
06

Vertical social rail

Facebook · Instagram · Twitter set vertically along the right edge — a magazine-spine detail that anchors the whole composition without competing with the headline.

Detail · writing-mode rotation
The Palette

Five warm tones do all the work.

Restraint is the design. Every surface in the layout is built from this set — the headline, the search, the play button, the page background — so the whole page reads as one finished object.

Terracotta
#C97862
Coral
#E89B8B
Coral soft
#F5C9BD
Blush
#F8E5DE
Ink
#1B1B1B

Want a landing page like this?

We design and build editorial-quality landing pages for brands in food, retail, hospitality and lifestyle — with a fast turnaround, a single round of revisions, and clean handover code.

Start a conversation →