Your interface stops drifting
Consolidated components mean two pages built a year apart still look like the same product.
Keep programme pages and scientific resources visually consistent.
We create reusable components for the content a biotech website actually carries: pipeline records, scientific figures, citations, publication cards and company information. The system documents their variations so the next programme page can use the same visual rules.
A few clients we’ve worked with
What we do
Design systems for biotech companies: pattern inventory, component library, usage guidance.
Decisions for the biotech website.
Which content patterns repeat across programmes?
Which figure and citation formats need documented variations?
What repeated decisions cost you.
Every time a team re-decides a button, a form field or a card, it pays for that decision twice — once in design and once in code. A system is how you stop paying.
Design and code agree
One library, with practical examples of how the parts work together, removes the gap between what was designed and what shipped.
Onboarding is shorter
A new designer or developer has a reference instead of needing someone to explain the unwritten rules.
Design systems: scope of work.
The brief identifies the public information, website functions and review responsibilities included in the engagement.
Pattern inventory
Review shared page sections and identify justified differences in scientific content.
Component library
Define typography, spacing, states and responsive behavior using realistic examples.
Usage guidance
Document when to use each component and how design and implementation should stay aligned.
Selected work in genomics, pharma and science communication
All case studies
What clients say.
Reviews from the companies we have built and maintained websites for.
Read every review on Clutch“We didn’t choose them to be impressed — we chose them because we knew they’d deliver high-level results with no risk. As a CTO myself, that’s exactly what I look for in a long-term partnership.”
“And, you know, the great part about the fact that you hit the goal, it's not that you had to compromise anything that you were doing, because, honestly, the end result far exceeded what we could have imagined.”
“I would just say that you deliver on quality … I just thought we clicked, and you delivered what we were looking for.”
“Norml Studio's professionalism and responsiveness were impressive.”
What you receive.
These deliverables are prepared for the agreed website scope.
- 01
A component and variant inventory.
- 02
A Figma library with representative page examples.
- 03
Usage and implementation guidance.
Our process
How the work runs.
Collect content patterns
Review current figures, pipeline layouts and resource presentations.
[ 01 ]
Build the shared library
Test components with long names and incomplete records.
[ 02 ]
Document use
Provide examples and rules for designers, developers and editors.
[ 03 ]The people who do this work.
No account layer between you and them. These are the Norml specialists this work runs through.
Let's chat
“I've spent 10 years working across development and marketing. I started as a developer, but design, SEO and advertising were already part of the job. That taught me to treat a website as one system: the business, the content, the design and the code have to work together. At Norml, I lead the architecture behind our work and stay involved wherever strategy, design, development and search meet.”
Max TymoshynFounder & Architect
Get startedDesign systems for biotech companies: questions.
Can different platforms have visual variants?
Yes, when the variants serve an approved information need and remain part of the parent system.
Is a coded component library included?
The brief specifies whether delivery includes Figma, code or both. They are distinct deliverables.
Website 2.0 combines strategy, design, development and launch in one engagement.