MKM Global
Private Limited.
A static brochure site for a Pune-based import/export and trade-consulting firm. Built end-to-end as a single multi-page deliverable — design, content, custom SVG logo, working contact pipeline, deployment. Under 250 KB total. ₹0/month to run.
The brief.
A young import/export firm bridging India and global markets — sourcing machinery from China and Japan, exporting spices and textiles to the US, UAE, and Europe. The directors needed a credible web presence that didn't read like every other B2B trade site.
- Communicate professionalism without the visual clichés of typical trade websites — no stock cargo ships, no "synergy" copy.
- Work as a contact funnel — enquiries had to land in their inbox reliably, with no third-party dashboards to learn.
- Avoid lock-in — no WordPress, no CMS, no ongoing maintenance contract.
- Editable in plain HTML — whoever inherits this site next should be able to open a file and edit it.
The approach.
Make the polish of a higher-end marketing site achievable in a format that's effectively immortal — no framework version churn, no broken plugins, no monthly hosting fees.
Static-first, no framework
Hand-written HTML and CSS with ~80 lines of vanilla JavaScript. No build pipeline, no node_modules, no transpiler. Editing the site means opening a file in any text editor and re-uploading. Nothing to break.
Single-file pages
CSS inlined in each page's <style> block. Avoids cascading-stylesheet headaches for non-developers editing later, and ships fewer HTTP requests.
Editorial, not corporate
Cormorant Garamond for display, DM Sans for body. Restrained palette — deep navy #0b1829, muted gold #c4a35a, warm cream #f7f5f1. Reads closer to a private bank than a freight forwarder.
Custom logo, rebuilt as SVG
The directors uploaded their existing brand asset — a globe-and-arrow mark with a bold wordmark. We rebuilt it as hand-coded SVG so it could be themed via CSS currentColor, scale losslessly across nav, favicon, social preview, and footer, and drop into email signatures from a single source.
A site that earns trust.
Every page leads with restraint. Serif headlines, generous whitespace, and copy written in the same register the directors use in a meeting — direct, considered, no salespeak.
Tech stack.
Zero preprocessor. Zero framework. Zero database. The same files run identically in any browser, on any host, with no compilation step — and will keep running long after most modern web stacks have stopped booting.
Markup & styling
Scripting
Typography & assets
Form & infrastructure
A contact pipeline that just works.
Replaced the typical mailto: link with a real, validated form that posts directly to admin@mkmgpl.com via Web3Forms — HTML5 validation, honeypot for spam, reply-to header, inline success/error feedback, screen-reader-aware aria-live, and a graceful fallback if the access key isn't configured.
Mobile, thought through.
Mobile-first breakpoints at 960 px and 600 px reflow every grid. Verified at 320, 380, 480, 600, 768, 960, and 1024 pixels — zero overflow on any page at any width.
Three decisions worth highlighting.
A few choices that defined the final shape of the build. Each one came from understanding what the directors actually needed, not from a defaults-driven checklist.
Why a serif display face on a trade-firm website? Most B2B trade sites use industrial sans-serifs to signal "we ship things" — and that makes them indistinguishable from one another. A serif display reads as considered, like a private bank or a law firm. Closer to the actual positioning ("compliance-first, three decades of combined leadership") than the cargo-ship aesthetic would have been.
Why rebuild the logo as inline SVG? A 50 KB PNG can't be themed by CSS, looks blurry at 2× DPI, and forces an extra HTTP request. The same logo as 3 KB of inline SVG inherits color via currentColor, stays sharp at any zoom, and ships with the HTML.
Why no CMS? The directors don't update the site weekly. WordPress would have meant ~₹500/month hosting, security updates, and a plugin ecosystem of attack surface. Static HTML costs zero, never goes stale, and is roughly 10× faster.
The outcome.
A live, polished, fully-responsive marketing site that costs ₹0/month to operate, takes under 250 KB to load, and can be edited by anyone with a text editor.
For the business
- A credible front door that doesn't look like every other B2B trade website.
- Enquiries land in the directors' inbox — no dashboards, no third-party logins, no monthly fees.
- Zero technical debt — no framework to upgrade, no plugins to patch, nothing to break in six months.
- Anyone can take over — the next developer can open
index.htmland contribute on day one.
For the visitor
- Sub-second first paint — inline critical CSS means the page renders without waiting for a stylesheet request.
- Sharp on every screen — inline SVG logos, optimized progressive JPEG portraits at 35 KB each.
- WCAG AA accessible — keyboard nav, skip-link, reduced-motion respect, 4.5:1+ contrast throughout.
- Mobile, properly — every grid reflows at 600 px and 960 px; no horizontal scroll at any width down to 320 px.
Have a brief?
If you need a polished marketing site without the framework churn — or a brand front that looks unlike everything else in your category — we'd love to hear about it.
Start a project
