Your interface stops drifting
Consolidated components mean two pages built a year apart still look like the same product.
Give project and service pages a consistent set of components.
A growing portfolio uses repeated cards, facts, image galleries and enquiry controls. We define them in Figma so designers and developers can reuse the same behaviour across the site.
A few clients we’ve worked with
What we do
A growing portfolio uses repeated cards, facts, image galleries and enquiry controls. We define them in Figma so designers and developers can reuse the same behaviour across the site.
What needs to be clear before work begins.
Project cards and galleries need rules for different image proportions and incomplete optional facts.
A component library needs agreed filter, form and navigation states that developers can reproduce.
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.
What design systems includes.
The work uses the company’s actual services and approved project material. The agreed brief identifies required access, decisions and review responsibilities.
Content components
Create project cards, fact groups, trade summaries and credential presentations.
Interaction states
Specify navigation, filter and form states for mouse, touch and keyboard use.
Editorial guidance
Show how components handle missing facts, long trade names and different image proportions.
Selected projects across our wider practice
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 outputs are prepared for the work included in the agreed scope.
- 01
A Figma component library.
- 02
Shared type and colour values.
- 03
Usage and state guidance.
Our process
How the work runs.
Inventory repeated patterns
Identify the service summaries, project facts, galleries and enquiry controls used across the planned pages.
[ 01 ]
Build the Figma library
Define shared values, component variations and responsive states using representative construction content.
[ 02 ]
Write usage guidance
Show when each component applies and how editors should handle missing fields, long trade names and different media sets.
[ 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 construction companies: questions.
Can this work with our current website?
Yes. We first identify the implemented components and agree which to retain or revise.
Will it prevent all inconsistent pages?
It supplies reusable rules and examples. Implementation and editorial review are still needed to keep new pages consistent.
Website 2.0 combines strategy, design, development and launch in one engagement.