Design

Responsive Design

An approach where a single layout adapts fluidly to any screen size rather than shipping separate sites. It is the default expectation for modern web projects.

Why it matters

Good design is invisible until it is missing. Responsive Design shapes how quickly someone understands a page and how confident they feel acting on it, which is the difference between a polished impression and a confusing one. It is where craft and clarity meet.

In practice

In practice we resolve Responsive Design early, in low fidelity, before a single pixel is polished. Decisions live in a shared system so they stay consistent across pages and easy to evolve, and we test them with real people rather than trusting taste alone.

Back to glossary

Related terms

Keep reading.

Design
Breakpoint
A screen width at which a responsive layout changes to suit the device, such as switching from a single column on phones to multiple columns on desktops.
View definition
Design
Design Token
A named value for a design decision, such as a colour, spacing step or font size, stored once and reused everywhere. Tokens let you change a theme in one place rather than hunting through code.
View definition
Design
Above the Fold
The portion of a page visible without scrolling on first load. It carries the heaviest weight for first impressions, so the core message and primary action usually belong here.
View definition

Want Responsive Design handled for you?

We turn terms like this into shipped, measurable work. Tell us your goal and we will point you at the right next step.

Talk to us See services

Responsive Design

Why it matters

In practice

Keep reading.

Breakpoint

Design Token

Above the Fold

Want Responsive Design handled for you?