Brand & motion
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
- Web brand guidelines
- Figma component library
- Design tokens for developers
- Motion specification and examples
- Art direction guide
- Social and email templates
- 01
Brand audit for screens
How the identity holds up at phone size, in dark rooms and next to competitors.
- 02
Web type system
Typefaces, sizes and spacing that read well from a 390px phone to a 2560px monitor.
- 03
Colour for screens
A palette tested for contrast and accessibility, with tokens your developers can use.
- 04
Component library
Buttons, cards, forms and navigation, designed once and used across every page.
- 05
Motion principles
Timing, easing and the few signature movements that make the brand recognisable.
- 06
Image and art direction
How photography, illustration and product shots are cropped, lit and placed.
Five weeks, inside the project
A typical plan. We confirm exact dates in the proposal, before any work starts.
The identity on real screens, alongside your competitors and the sites you admire.
Two directions on real pages, then one refined with your team.
The parts every page is made from, with every state designed.
Timing and signature movements, prototyped in the browser.
Guidelines, tokens and the Figma library handed to your team.
Work like this
Two launches where this was the heart of the brief.
All 41 projects
Launch site and a live configurator for a new electric motorcycle, built for test-ride bookings.
A mobile-first Shopify Plus store that sells a fragrance by feeling first and price second.
Questions,answered
Something else on your mind? Ask the people who would build it.
hello@valden.studioSometimes, for new companies. Most of our brand work starts from an existing logo and builds the system around it for screens.
Brand and motion is normally part of a website or store project. Standalone systems for larger teams are scoped together as a custom build.
No. We design motion with performance budgets, respect reduced-motion settings and test on mid-range phones before launch.
Design tokens for type, colour and spacing, a Figma library with every component state, and motion specs with timing and easing values.
Start with a30‑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.
Book the callBooking projects for spring 2027