Self-initiated: Isometric shapes and colour exploration

A personal design exploration using isometric shapes, grids and Google’s Material Design colour palette. Includes Tetris-inspired blocks, exploded views and framed print options.

isometric cubes process

Experimenting with colour

usually begin most projects using Google’s Material Design colour palette as a starting point, then modify the colours to suit the project.

Isometric cube pattern using Google Material Design colour palette

Always start with a grid

I find that starting with a grid lets everything fall into place naturally, and makes it much easier to spot when something isn’t quite right.

Isometric grid structure used as the foundation for the shape design

Tetris blocks

From there I wanted to try recreating the Tetris blocks using isometric shapes.

Tetris blocks recreated as isometric shapes in multiple colours

Exploded view

This design brings everything together and shows an exploded view of the shapes interacting with each other.

Exploded view of isometric Tetris shapes assembled together

Shape design process

To build a shape I start with isometric lines, then add colour, subtle gradients and a drop shadow to give the element depth and a sense of realism.

Step-by-step process showing how isometric shapes are built from lines to colour

Purchase a framed print

You can also purchase a framed or unframed print of the isometric shapes. Choose from a white or black frame, with international shipping available.

Isometric shapes framed print displayed on a white wall
Isometric shapes design process framed print showing all stages

Let's collaborate

If this sounds like the way you like to work, get in contact to tell me a little about yourself and your project and I'd be happy to help. Send me an email at hello@richmcnabb.com.