I built a production-grade corporate website for a brass component manufacturer and exporter based in Jamnagar, Gujarat. Fully static, zero-backend architecture with a custom design token system, 55+ product catalog with detailed specifications
Brass manufacturing is a massive industry in Jamnagar — the city produces something like 60% of India's brass output. But most manufacturers still rely on outdated websites or basic WordPress sites that don't do justice to their precision engineering capabilities. I wanted to build something that feels as polished as the products these companies make.
B2B industrial websites have a unique problem: they need to communicate technical precision while still being approachable to international buyers who are evaluating dozens of suppliers. The site needed to showcase 55+ products across 8 categories, each with detailed specifications like thread types, pressure ratings, and material grades — without overwhelming visitors.
Instead of hardcoding styles everywhere, I built a design token system that serves as the single source of truth. A theme.json file defines every color, font, spacing value, shadow, and gradient. A build script flattens these into CSS custom properties, which Tailwind v4 consumes via the @theme directive.
The result? Changing the entire brand identity — from the gold/brass palette to a completely different color scheme — requires editing one JSON file and rebuilding. That's it.
The color palette was intentional. The primary color #B8860B (dark goldenrod) directly references the material the company works with — brass. Paired with a deep navy secondary #1B2A4A for trustworthiness, and warm neutrals ranging from #FAF9F7 to #0F0E0B that avoid the cold sterility typical of industrial websites.
BrassCraft Industries
Each of the 55+ products has genuine complexity:
I organized these into 8 categories: Fittings, Valves, Connectors, Fasteners, Inserts, Turned Parts, Plumbing Components, and Electrical Components. Each category page uses generateStaticParams() for pre-rendering, and individual product pages include full specifications tables, application lists, and related products.
For a B2B manufacturer, search visibility is everything. I implemented:
generateMetadata() on every routeB2B buyers need confidence before they'll even send an inquiry. The homepage follows a deliberate trust-building narrative:
Even though the site currently only serves English content, I wired up next-intl from day one. Every UI string goes through useTranslations(), and the translation keys live in messages/en.json. Adding Hindi, Gujarati, or German for European buyers is just a matter of adding a locale file.
Building for manufacturing taught me that industrial B2B websites are fundamentally different from consumer sites. The information architecture matters more than flashy animations. Product specifications need to be scannable. And the contact/quote request flow needs to be frictionless — every extra form field is a lost inquiry.
The design token system was probably the biggest win. It proved that a well-structured theming approach can make even a static corporate site highly customizable and maintainable.
Built with excellence in mind
Optimized for speed & scalability
Battle-tested with real users
Responsive across all devices
Maintainable & well-documented
Explore other projects
I rebuilt my brass manufacturing corporate website from scratch — new brand identity, modernized color system, static export optimization, local product photography, and cleaner URL architecture.
I built a premium fashion e-commerce template with a complete shopping experience — product catalog with 6-type filtering, cart with promo codes, 4-step checkout, wishlist, collections, quick view, recently viewed tracking, dark mode, and page transitions
I built a luxury fine jewelry e-commerce storefront with an editorial-driven design language, full product catalog with variant selection, cart and wishlist flows, a comprehensive admin dashboard for orders/products/customers/inventory management, blog system, and gift card support