Aziz Saif · Tech Notes
All Websites Contact
Home › Websites Built › Kakal Brothers
Premium Hardware · Since 1960

Kakal Brothers

kakalbrothers.xyz

A heritage manufacturer site for Kakal Brothers — premium door handles, cabinet knobs & Swarovski-encrusted hardware crafted from brass & stainless steel since 1960. Part of NOOR INDUSTRIES, with 98+ unique designs across multiple finishes. “Crafted Perfection Since 1960.”

IndustryManufacturing · Premium Hardware
Build Time5 days
Status● Live
Kakal Brothers screenshot
Technology Stack

Built with the essentials

HTML5, custom CSS with a luxe metallic palette (rose gold + black nickel + warm white), vanilla JavaScript for the product catalogue lightbox & finish swatcher. Hosted on GitHub Pages with custom domain.

Frontend
HTML5 + custom CSS
Luxe metallic palette — rose gold accents on warm white.
Interactions
Vanilla JavaScript
Lightbox catalogue, finish swatcher, smooth scroll — zero dependencies.
Typography
Google Fonts
Elegant serif (Playfair) for headings, Inter for body — reads as luxury craft.
Hosting
GitHub Pages + Custom Domain
kakalbrothers.xyz with CDN, free hosting.
Forms / Conversion
Bespoke Inquiry Forms
Custom-design submission form with image upload for inspiration.
SEO
Schema.org + OG
Product schema with finishes & materials for rich Google results.
Build Process

From brief to live URL

A repeatable process that ships sites in days, not months.

Brief & competitor scan

Capture the company story, target customer, services & competitive landscape.

Content & copy extraction

Convert existing brand assets, brochures & messaging into web-ready copy & imagery.

Design tokens & system

Establish colour palette, typography scale & spacing rhythm before writing HTML.

Build & mobile-first responsive

Hand-coded with mobile-first breakpoints. Tested on real devices.

Deploy & analytics

Push to production with CDN, custom domain, SSL & Google Analytics 4.

5 days
Build Time
0
Frameworks
100%
Hand-Coded
A+
Lighthouse
Notable Features

What makes this site work

Specific design decisions that make the experience memorable & conversion-focused.

Feature
Signature Collection Showcase
98+ designs displayed in a curated grid with high-res macro photography & finish swatches — lets architects spec the right piece.
Feature
Finish Swatcher
Click to switch between Chrome, Antique, Rose Gold, Gold & Black Nickel finishes — matches how interior designers actually shop.
Feature
Bespoke Order Path
Dedicated section for custom designs, sizes & specifications — routes high-value enquiries direct to the workshop.
Feature
Heritage Story
65+ year heritage from NOOR INDUSTRIES front-and-centre — conveys craft & longevity, not commodity hardware.

See it live

Open the production site to experience the design, content & interactions firsthand.

Visit kakalbrothers.xyz →