DESIGN SYSTEMS

Design system documents a company’s visual language and often becomes a one-stop place for entire teams. It’s a team’s guide, featuring brand identity, colour palette, basic type styles and grid layout system.

More advanced design systems expand the definition of branding and include a UI pattern library, so that developers can copy and paste the markup to compose new screens and pages within seconds, or at least heavily rely on them, making all the designers’ work of counting pixels count.

blur Group’s web style guide, designed and developed on the extended Bootstrap grid, 2015

“Paula is a talented, dedicated UX/UI designer who isn’t afraid to step up when the going gets tough. I have had the pleasure of working alongside Paula on a number of projects and have always been impressed with her tenacity and attention to detail. She is a real asset to any UX/UI team.”

Alistair Coggins, Head of Platform

CASE STUDY

blur Group, a growing global SaaS brand, is not just about tech. It’s expected to be recognised through colour, content identity and behaviour, too. That’s why I led my team to design and develop a system communicating one consistent identity which is recognisable everywhere, internally and externally.

The blur Group’s design system follows the rules it promotes – it’s harmonious and consistent. Its mobile-first and component-driven code is based on Bootstrap and inspired by atomic design. It’s fun like Lego. It invites developers to compose new pages from pre-defined building blocks.

PROJECTblur Group
ROLEProject Manager, Lead UI Developer
CLIENTblur Group, 2015