Illustrations

Illustrations give the brand it's uniqueness and makes it recognisable.

Patterns

Dots

Patterns can be used in different applications, like posters, presentation title slides, booklet covers and more. The patterns should be used sparingly and never with large amounts of text and photos. They can also be used to create illustrations or large icons. Below are more examples on when to use patterns.

When to use patterns:
  • Posters.
  • Book/booklet/flyer cover and back side.
  • Desktop wallpapers.
  • On the first and last slide in PowerPoint.
  • On highlight text slides, for example large quotes.
  • On new chapter slides in PowerPoint.
  • Social media cover photos.
  • Business cards.
  • Other marketing material.
When not to use patterns:
  • Inside pages in books/booklets/flyers.
  • Email signature.
  • PowerPoint slides with a lot of content, like graph and body text slides.
  • Social media posts with a lot of information.
  • Other applications that show a lot of information.

Pattern examples

Main pattern colour is Primary blue.

Dark blue is used to create depth in smaller dots.

Light blue is used to create depth by highlighting bigger dots.

Patterns should not be monochrome.

Pattern used with a large title and Synia's logo.

Pattern should not be used with body text.

Pattern should not be overlaid with text.

Never use one dot, always as a pattern or illustration.

Never put photos inside dots.

✅ This section URL has been copied to your clipboard.

Graphics

Coloured surfaces

We use rectangles and buttons with rounded corners in different shades to create hierarchy between elements. By using different shades of black we can create depth in digital spaces and in print. Same rules also apply to elements in light mode.

Examples of use

Small titles are highlighted in small rectangles.

Other text does not have to be inside a coloured rectangle.

Coloured rectangles should not be used as a background for many elements.

It is not always necessary to use coloured shapes.

Shapes should always have slightly rounded corners and round buttons.

Soft shadows are used, for example, in hover states on web.

Do not use sharp corners in shapes.

Do not use harsh shadows below shapes.

✅ This section URL has been copied to your clipboard.