Type, colour, components and movement that carry the brand properly online.
Brands with a strong logo and a weak website, or a new company that needs its identity to work on screens first. Usually part of a website or store project.
New brands launching online
Brands whose identity was made for print
Teams building a product site
Part of website projects
from
£18,000
Typical timeline
3 to 5 weeks inside the project
What’s included
On handover
Web brand guidelines
Figma component library
Design tokens for developers
Motion specification and examples
Art direction guide
Social and email templates
How the identity holds up at phone size, in dark rooms and next to competitors.
Typefaces, sizes and spacing that read well from a 390px phone to a 2560px monitor.
A palette tested for contrast and accessibility, with tokens your developers can use.
Buttons, cards, forms and navigation, designed once and used across every page.
Timing, easing and the few signature movements that make the brand recognisable.
How photography, illustration and product shots are cropped, lit and placed.
Five weeks, inside the project
Week 1
The identity on real screens, alongside your competitors and the sites you admire.
Weeks 1
to 3
Two directions on real pages, then one refined with your team.
Weeks 2
to 4
The parts every page is made from, with every state designed.
Weeks 3
to 5
Timing and signature movements, prototyped in the browser.
Week 5
Guidelines, tokens and the Figma library handed to your team.
Questions,
answered
Something else on your mind? Ask the people who would build it.
hello@valden.studio
Do you design logos?
Sometimes, for new companies. Most of our brand work starts from an existing logo and builds the system around it for screens.
Can we hire you for brand work only?
Brand and motion is normally part of a website or store project. Standalone systems for larger teams are scoped together as a custom build.
Will the motion slow the site down?
No. We design motion with performance budgets, respect reduced-motion settings and test on mid-range phones before launch.
What do our developers receive?
Design tokens for type, colour and spacing, a Figma library with every component state, and motion specs with timing and easing values.
Start with a
30‑minute call.
Tell us about the site you have and the one you need. You get a written proposal with a fixed price and dates within a week.
Replies within one working day
