View
work
Find out
more
More
info
Read
more
Back
share this post:
Use AI to summarise this article

What is atomic design?

Building a website greater than the sum of its parts

As websites grow and become more complex to meet the demands of SEO, accessibility and changing business needs, it's not uncommon for sites to contain thousands of pages and products. So consistency can become a real challenge. Atomic design is a methodology created by Brad Frost that breaks down the HTML elements of a website into ‘atoms’, ‘molecules’ and ‘organisms’ – all of which come together to form complete templates and pages.

When changing one ‘atom’ of your site, all corresponding atoms across the website will automatically update to match. Employing atomic design makes it possible to create a fully customisable, easily scalable and visually appealing website that doesn’t cost an arm and a leg every time you want to update it. You’ll save resources, time and money – and you’ll ensure brand consistency across your entire site.  

Need help building your brand?

Whether you need advice or support with positioning, visual identity, a digital refresh, or all of the above, we’re here to help.

Get in touch and book a free consultation today.

Email: marketing@proctorsgroup.com

Phone: +44 (0)117 923 2282

Back

Dan Hardaker

Director of Digital Strategy & Innovation

As Director of Digital Strategy and Innovation and Co-owner at P+S, Dan’s market-leading expertise in Atomic Design, Pattern Libraries and Webflow make him a trusted advisor to a wide-ranging roster of world-class brands. Dan is at the forefront of innovation at P+S, keeping our clients’ sites competitive and efficient with fresh digital initiatives, solutions and integrations.