BrassForge Industries
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 rebuilt my brass manufacturing corporate website from scratch — new brand identity, modernized color system, static export optimization, local product photography, and cleaner URL architecture.
After completing the first brass manufacturing site (BrassCraft Industries), I realized several things needed to change. The gold/brass color palette, while thematic, felt dated. The category URLs were unnecessarily prefixed (brass-fittings instead of just fittings). And the site was SSR-capable but didn't need to be — a static export would be faster and cheaper to host.
V2 wasn't just a reskin. It was a complete rethink of what a modern B2B manufacturing website should look and feel like.
The biggest visual change was the color system. V1 used dark goldenrod (#B8860B) as the primary — a direct reference to brass. V2 moves to teal (#0F766E) with a dark slate secondary (#1E293B). The reasoning? Teal communicates precision, technology, and reliability without being tied to the material itself. It makes the brand feel like a modern engineering company rather than a traditional metalworking shop.
The neutral palette shifted from warm beige/brown tones to a cool slate scale. Combined with teal-tinted card shadows, the overall feel is contemporary and trustworthy.
V1 was SSR-capable with dynamic robots.ts and sitemap.ts routes generating content server-side. V2 uses output: "export" in Next.js config, producing a fully static site that can be deployed to any CDN — Vercel, Netlify, S3 + CloudFront, or even a traditional web host.
The sitemap and robots.txt are now static files rather than dynamic routes. This eliminates any server dependency and makes deployment trivial.
BrassForge Industries
V1 relied on external image URLs (Unsplash and stock photos). V2 includes 61 local product photographs in the public/images/products/ directory. Having images bundled with the project means:
Category slugs were simplified:
/products/brass-fittings, /products/brass-valves/products/fittings, /products/valvesThe brass- prefix was redundant — visitors already know they're on a brass manufacturer's website. Cleaner URLs improve readability and are slightly better for SEO.
The strong foundation didn't need changing:
theme.json → build script → CSS custom properties → Tailwind v4 @theme mapping. One file controls the entire visual language.site.config.ts.next-intl with 300+ translation keys, ready for multi-language deployment.The catalog still covers 8 categories with 55+ products, but with refinements:
ProductFilter component — search, category filter, and sorting without server round-trips@tailwindcss/typography for richer blog post renderingid fields on nav items| Aspect | V1 | V2 |
|---|---|---|
| Brand | BrassCraft Industries | BrassForge Industries |
| Colors | Gold/brass (#B8860B) + warm neutrals | Teal (#0F766E) + cool slate |
| Output | SSR-capable | Pure static export |
| Images | External URLs | 61 local product photos |
| Category URLs | /products/brass-fittings | /products/fittings |
| Typography | @tailwindcss/typography absent | Added for blog content |
| Architecture | Identical | Identical |
The core architecture — design tokens, data layer, SEO pipeline, component structure, i18n — remains the same because it worked well in V1. V2 is proof that a good foundation makes rebranding and optimization straightforward.
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 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
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