Sign in

Shane P Williams
I’m focused on creating meaningful experiences through design. Passionate about design, tech and all things digital. Digital design specialist. UX/UI
Illustartion of a person viewing multiple design components. Illustartion by Alzea Arafat

If I showed you our company’s new logo, and asked you to update it on all the elements where it needs to be displayed, you’d ask me to supply the logo in the necessary formats. It would be unreasonable to expect you to go and redraw the logo in the…


Part 5

Colour, space and typography — these elements are the building blocks for a solid design system. They are distinctive visual elements to focus on when building a brand. Then there are a few bonus elements to consider


Part 4: Typography

Colour, space and typography — these elements are the building blocks for a solid design system. They are distinctive visual elements to focus on when building a brand. Let’s take a closer look at typography

What we’ll be covering…

Part 1 — First things first
Part 2 — Colour
Part 3 — Size and spacing
Part 4 — Typography
Part 5 — Bonus elements

Typography

We previously spoke about size and spacing, and how using measurements like REMs are dependant on a base typography measurement. These two concepts — size…


Part 3: Size and spacing

Colour, space and typography — these elements are the building blocks for a solid design system. They are distinctive visual elements to focus on when building a brand. Let’s take a closer look at size and spacing

What we’ll be covering…

Part 1 — First things first
Part 2 — Colour
Part 3 — Size…


Part 2 : colour

Colour, space and typography — these elements are the building blocks for a solid design system. They are distinctive visual elements to focus on when building a brand. Lets take a closer look at colour

What we’ll be covering…

Part 1 — First things first
Part 2 — Colour
Part 3 — Size and spacing
Part 4 — Typography
Part 5 — Bonus elements

Colour

A fundamental building block in your design system is colour. Colour is everywhere and will persist in everything you’ll build. …


Part 1: first things first

Colour, space and typography — these elements are the building blocks for a solid design system. They are distinctive visual elements to focus on when building a brand, but first things first

What we’ll be covering…

Part 1 — First things first
Part 2 — Colour
Part 3 — Size and spacing
Part 4 — Typography
Part 5 — Bonus elements

Design Systems

There have been a myriad of articles and content generated around design systems and their benefits, if you are a small startup or a large…


Iconography can be one of the biggest design elements that help make a brand recognisable. So, should you be using icons? Not necessarily… The better question here would be, when should you be using icons?

What do you mean by the word ‘icon’?

An icon is a symbol, and comes to us from the Greek word eikenai, meaning “to seem or to be like”. …


Adobe’s answer to Sketch and InVision is Adobe XD. Sketch has been the leading tool for UX/UI designers for some years now, enhanced further by its community, plugins and integration with InVision.

If you couldn’t care less for Adobe XD, or don’t want to know what XD has to offer…

Shane P Williams

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store