WhatsApp
Open Meni

A Distinct Architecture Website Expressing Rekha Sutra’s Vision

A custom-built, black-and-gold architecture website for Rekha Sutra, engineered for luxury, and 99–100 PageSpeed performance across devices.

Rekha Sutra Case Study Featured Image

Client Details

Rekha Sutra Logo
Industry

Architecture & Interior Design

Location

Delhi, India

Visit Website
Shalu Yadav
Shalu YadavFounder & Principal Architect - Rekha Sutra
We are very happy with our website. It represents Rekha Sutra’s architectural approach with clarity, simplicity, and precision. The website is clean, well-structured, performs smoothly across devices, and presents our work exactly as we envisioned.

1. Project Overview

Rekha Sutra is an architectural and interior design studio that focuses on creating connected, purposeful spaces through thoughtful planning and modern design principles. They wanted a website that reflects the studio’s aesthetic direction — bold, structured, contemporary — while preserving a sense of warmth, luxury, and storytelling.

Faeb built a custom WordPress website using a dark-and-gold visual identity (Black #000000 paired with Gold #FFE168) to evoke elegance, precision, and a premium architectural feel. Using Geist typography, clean grids, and high-performance engineering, the site blends visual depth with exceptional speed and clarity.

The result is a modern, stable, and immersive portfolio-style website that showcases Rekha Sutra’s architectural expertise with intention.

Rekha Sutra - Home Page
Rekha Sutra - Home Page

2. Client Goals

Rekha Sutra wanted:

  • A dark, luxury-inspired website that aligns with their architectural identity
  • A clean layout using black (#000000) and gold (#FFE168) for a premium tone
  • A portfolio structure that highlights their work across categories
  • A minimal navigation system that supports clarity
  • A strong “About” section that communicates credibility
  • Detailed services with structured explanations
  • A modern testimonial section for trust
  • Fast loading across all devices
  • A custom-built interface, not a template

Core requirement: the website must feel premium, structured, and performance-driven.

3. Our Approach

We designed Rekha Sutra’s website as a dark, architectural canvas enhanced with gold accents to reflect luxury and precision.

Key decisions included:

  • A bold black + gold visual palette
  • Geist as the primary font for modern, geometric clarity
  • A structured grid and clear hierarchy
  • Category-first portfolio thumbnails
  • Minimal navigation with sharp alignment
  • Consistent spacing and clean visual rhythm
  • Subtle transitions without distractions
  • Lightweight build using WordPress + custom CSS framework

Homepage Layout Logic:

  • Hero → Expertise → About → Services → Process → Testimonials → FAQ → Contact → Footer
  • Every section was designed to feel intentional and visually connected.
Rekha Sutra - About Page
Rekha Sutra - About Page

4. Design Framework

  • Minimal Color System
  • Black (#000000) — depth, contrast, architectural boldness
  • Gold (#FFE168) — luxury, warmth, clarity
  • Typography System
  • Geist (Variable) — chosen for its clean structure, modern geometry, and versatility
  • Consistent type scale for headings, labels, and body text
  • Layout Philosophy
  • Structured grid with architectural balance
  • Clear zoning and strong whitespace
  • Clean section separation for readability
  • Consistent alignment across all devices
  • Motion
  • Soft hover animations
  • Smooth scroll behavior
  • No heavy transitions or visual noise
Tech Stack
Tech Stack

5. Technical Strategy

  • Core Stack
  • WordPress
  • Elementor for layout structure
  • Geist font integration
  • Custom PHP for structured service and portfolio sections
  • Custom CSS for grids, spacing, and animations
  • Lean plugin footprint for stability
  • Faeb Layers for security enhancements
  • Code Highlights
  • Custom grid system for category thumbnails
  • Controlled breakpoints for perfect responsiveness
  • Font preloading for zero-lag rendering
  • Clean DOM with near-zero layout shift
  • Manual image optimization (AVIF/WebP)
  • Performance Engineering
  • AVIF optimised images
  • Lazy loading
  • Minified and optimized CSS/JS
  • Only essential scripts loaded
  • Cache Optimization

6. PageSpeed Performance Results

  • Mobile
  • Overall Performance Score: 99
  • Accesibility Score: 100
  • Best Practices Score: 100
  • SEO Score: 100
  • First Contentful Paint (FCP): 1.2 seconds
  • Largest Contentful Paint (LCP): 2.1 seconds
  • Total Blocking Time (TBT): 0 milliseconds
  • Cumulative Layout Shift (CLS): 0
  • Speed Index: 2.5 seconds
Rekha Sutra - PageSpeed Performance [Mobile]
Rekha Sutra - PageSpeed Performance 99 [Mobile]
  • Desktop
  • Overall Performance Score: 100
  • Accesibility Score: 100
  • Best Practices Score: 100
  • SEO Score: 100
  • First Contentful Paint (FCP): 0.3 seconds
  • Largest Contentful Paint (LCP): 0.5 seconds
  • Total Blocking Time (TBT): 0 milliseconds
  • Cumulative Layout Shift (CLS): 0
  • Speed Index: 0.9 seconds
Rekha Sutra - PageSpeed Performance [Desktop]
Rekha Sutra - PageSpeed Performance 100 [Desktop]

7. Final Outcome

Rekha Sutra’s new website is:

  • Fast, stable, and highly optimized
  • Designed with a premium black-and-gold identity
  • Built around clarity and immersive storytelling
  • Structured for easy navigation and deep content sections
  • A strong representation of their architectural philosophy
  • Fully scalable for future projects and expansions

The final result is a bold, refined website that expresses Rekha Sutra’s design identity — modern, luxurious, and crafted with precision.