Adjuvant Standard: Pharma & Biotech Template with 3D
### What it is Adjuvant came out of a review of hundreds of pharmaceutical and biotech company websites. The pattern was consistent: serious manufacturers with real products, real plants and real regulatory standing, presenting themselves with a stock photo and three columns of filler. The information a buyer or a regulator actually goes looking for was either buried or absent. The design was worked up from that review into pitch sites for real manufacturers, whose websites get read by regulators, by procurement officers comparing suppliers, and by partners running due diligence before they sign anything. It had to survive that audience first. Turning it into a template came later. That shows in what the pages are for. A medicines manufacturer has a publishing problem most corporate sites never face: a product register that has to carry NDC codes and dosage forms, a development pipeline that will be scrutinised phase by phase, plant capability a partner will verify before signing, distribution reach a health ministry will ask about, batch records a quality team expects to see in a familiar shape. Every one of those has a page here, and several of them you can click and use. They are not pictures of interfaces. ### The interactive parts A 3D supply-chain globe. WebGL, NASA Blue Marble imagery, your distribution hubs plotted from latitude and longitude with arcs between them, and a camera that swings to your home region and back. You supply coordinates. You never open the JavaScript. A molecular viewer that turns as the page scrolls, with the text beside it changing through your process stages. A second one on the science page you can drag to rotate. A facility floor plan in the SCADA style. Click a zone, its specification panel swaps in: capacity, cleanroom grade, equipment. A process simulator. Choose a modality and a partnership scale; it draws a predictive timeline and streams a validation log. An audit ledger of batch records with status pills and hashes, in the register style a quality team will recognise. A capital-stack waterfall, a phase-axis Gantt and a three-circle mandate diagram, all drawn from data rather than hand-placed. The ordinary pages are there too, done properly: a product catalog you can search and filter with a page per product, a KPI dashboard with figures that count up, news articles, a partner portal screen, a 404. ### Four formats, one source You get the design as plain HTML, a Hugo theme, a Jekyll site and a JBake project. They are four outputs of one generator. The stylesheet, the behaviour and the content are defined once in `source/`; each format is a thin layer over that. Change the company name in one JSON file, rebuild, and all four move together. Adding a blog post works the way it should in each engine: drop a markdown file into `content/article/` or `_articles/` and write. The layout supplies the hero and byline. None of this is required to use the template. Upload `html/` and you have a website. The generator is there if you want it. Full guide: <https://adjuvant.patternsouq.com/docs> ### How it is built One dependency: three.js, MIT licensed, self-hosted, loaded only on pages with a 3D view. No jQuery, no CSS framework, no animation library, no build step. Nothing comes from a CDN. Fonts, scripts, images are all yours. The pages work offline, no third-party outage can take your site down, and no visitor data leaks to anyone. The template sets no cookies and ships no trackers, so it needs no banner of its own. Where a browser cannot run WebGL, and a fair number cannot, the globe shows a world map and the molecular views show captioned artwork. No empty boxes, no console errors. Content is data. Every string, number, product, coordinate, menu item and SEO field lives in JSON. One variable changes the brand colour across all 36 pages. One field changes the company name everywhere, structured data included. Edit the HTML directly if you prefer; that route is documented too. SEO is set up rather than assumed: canonical URLs, Open Graph, Twitter cards, per-page keywords, robots policy, XML sitemap, and schema.org markup with `Drug` on product pages, `Article` on news, `Organization` and breadcrumbs. Set your domain once. Accessibility is real, not a claim. Menus and components work from the keyboard, the mobile drawer traps focus, focus rings are visible on light and dark backgrounds, there is a skip link, the ARIA matches what the code does, and `prefers-reduced-motion` stops everything. Light and dark mode, following the system setting with a toggle that sticks, applied before first paint so there is no flash. Two colour schemes. A third takes one small file. A print stylesheet, because people print specifications. ### What is in the download - 36 HTML pages plus documentation, ready to upload - One stylesheet driven by 85 design tokens - 13 theme scripts and 8 interactive components, plain JavaScript - Four formats: HTML5, Hugo, Jekyll, JBake, from the same content model - The source: content JSON, design tokens, markup partials, both build scripts - Documentation covering every format, theming and the content model - Three self-hosted OFL fonts with their licences - A 1200x630 social card, favicon, illustrated avatars, four placeholder documents ### What you need A text editor and somewhere to upload files. Rebuilding is optional and needs Python 3, which comes with macOS and Linux and is a free download on Windows. ### Support Email support@patternsouq.com. Tell me the page, the browser and what you were doing, and send a screenshot if it is a visual problem. Support covers the template as delivered: bugs, and questions about how something works. Not custom development, not third-party plugins. ### Before you buy The demo content is invented. Company, products, people, NDC numbers, figures, all of it. The portraits are illustrations, not photographs of anyone. Replace them. This is front-end only. The contact form and the portal sign-in are demos; point them at your own handler or a form service. Nothing here is medical or regulatory advice. Publish claims about real medicines and your market's advertising rules are your problem, not the template's. ### Licence Standard Licence. One end product, yours or a client's, and that product has to be free for the people using it. Modify the theme however you like. Charge your client whatever you like. What you cannot do is resell or redistribute the theme files. If the site you are building charges its own users, a subscription or a paid portal, buy the Extended Licence instead.
Get it → fahimfarookme.gumroad.com