Tiny icons & gradient system

Gradients with a 3D perspective of depth behind the icons

The icons line thickness is reduced and background 3D shades are removed with just a linear gradient.

The various colours are based on the type of plugin category, ie: rich text editing / colour / formatting / file manager / advanced embedding

Date: 2018-2019

Client: Tiny

Skills: Icon vector design in Sketch

Summary: The task was to reinterpret the collection of Tiny’s digital products in a fresh and dynamic way , representing the cutting edge ‘Tiny’ way in terms of producing exceptional digital products for rich text editing.

Using Sketch to manage symbols and a flexible library of svg icons and gradient backgrounds. Each gradient colour set reflects each group of content editing tool.

Website: apps.tiny.cloud

The gradients are based on combinations of the base colour palette.

Please note: All digital design work produced by me was done as an employee of Tiny Technologies.