gravvix()
cd ../blog
design to code/21 Aug 2026/7 min

A design file isn't a website

A design can show exactly how a page should look at 1440 pixels wide. A website has to decide what happens at 1439, 1024, 768, 390, and everything in between.

The gaps are where the work is

Design files usually show a collection of carefully chosen states. Real websites have content that changes, screens that vary in size, text that wraps differently, and users who do things the designer didn't happen to click during the design process.

Good implementation means translating the intention behind the design, not just reproducing one screenshot.

Responsive isn't just smaller

A desktop layout cannot always be squeezed into a phone. Navigation may need to change, columns may become a single stack, controls may need more space, and some visual elements may need to disappear entirely.

Those decisions are part of implementing the design. They are not mistakes to be discovered after the desktop version is finished.

The best result still feels like the design

The goal is not pixel perfection at one specific viewport. It is preserving the visual language of the design across the many environments where the website will actually be used.

Typography, spacing, hierarchy, interaction, and responsiveness all contribute to that. The finished website should feel like the design came alive, not like a screenshot was rebuilt in HTML.

next-step.sh

Need this done on your project?

We build static sites, web applications, and WordPress — and we are happy to talk through the tradeoffs before you commit to anything.

gravvix()

We're a small team building thoughtful websites and digital products for businesses, teams, and people with good ideas. We care about the details, keep things simple, and build things that are made to last.

// legal
termsprivacy
© 2026 gravvix — all rights reserved, all brackets closed.lang: en-US