Forma & Space

Web

Source code

Forma & Space - Desktop view — Desktop view

Forma & Space - Mobile view — Mobile view

Key features

Editorial warm palette: terracotta accent with warm neutrals

Playfair Display + Inter font pairing for classic editorial feel

Sections: hero, portfolio grid, services, process timeline, testimonials, contact

Light theme with generous whitespace and warm neutral surfaces

Smooth scroll and scroll-reveal animations with Intersection Observer

Mobile-first responsive design with full-width hero imagery

Description

Forma & Space is a complete landing page for an architecture and interior design practice. Designed with an editorial-warm approach, the page features a terracotta accent palette (#c75b39) that conveys craftsmanship and sophistication. Includes hero with project showcase, portfolio grid, services, process timeline, testimonials, and contact sections. Playfair Display serif headings paired with Inter body text for classic editorial contrast. Light theme with warm neutrals and generous whitespace throughout. Fully responsive with smooth scroll and Intersection Observer animations.

Technologies used

HTML

CSS

JavaScript