Pixel-accurate
Spacing, type and colours match your design on desktop, tablet and mobile.
Design to code
Your designs, built as drawn
Designers draw it, we code it. Figma, XD or PSD in, a fast and responsive website out.
Design should survive development
If you have ever seen a lovely design turn into something close but not quite right, you know the problem. We build to the design, including spacing, type and states, then check it on real devices.
What you can expect
Responsive thinking
If the mobile layout is not designed, we propose one and check it with you.
Editable content
Text, images and repeating items live in simple fields, so your client can change them.
Fixed price per project
Send the design files and we will quote after a quick review.
From design file to live website
Your designers spend hours getting a layout exactly right. Then it gets built and comes back close but not quite. Spacing is off, the fonts are different, the mobile version was never discussed. We build to the design and check it against the file.
What we need from you
A Figma link, or the XD or PSD files, plus fonts and image assets. If only the desktop design exists, tell us. We will suggest a mobile layout that fits the same look and check it with you before building it out.
How we build it
We match spacing, type, colour and states such as hovers and focus. Repeating content, such as team members or services, is set up as simple fields so your client can add more without touching the design. We test on real devices as we go.
Motion and extras
Subtle animation that is described in the design is part of the build. Anything bigger, like custom interactive sections, is scoped separately so there are no surprises. See our project builds for how that works.
Where it fits
Design to code works well when you have in-house designers but no developers, or when a freelance developer keeps missing deadlines. Pair it with WordPress development for sites your client can edit.
Design to code questions
What do you need to start?
A Figma link, or the XD or PSD files, plus any fonts and image assets. If only some pages are designed, tell us. We will say what we need for the rest.
Will it match the design exactly?
We match spacing, type and colour closely and check the result against your file. Small differences between design software and a live browser are normal, and we flag anything that cannot be matched exactly.
What if there is no mobile design?
We suggest a mobile layout that fits the same look and agree it with you before building it out.
Can you build from Adobe XD, Sketch or PSD?
Yes. Figma is the easiest to work from, but we can also build from XD, Sketch and PSD files.
Can my client edit the content afterwards?
Yes. Text, images and repeating items are set up as simple fields so your client can change them without touching the design.
Do you add animations?
Subtle motion that is described in the design is part of the build. Anything more complex is scoped separately so there are no surprises.
What if the design changes during the build?
Small tweaks are fine. Larger changes can affect the price, so we tell you in writing before doing the extra work.
Does the site work on phones and tablets?
Yes. We test on real devices as we go and fix problems before the site comes back to you.
Got a design to build? Send it over.
Book a short call. We will talk through the project and tell you honestly if we are the right fit.