Patterns and illustrations

Illustrations give the brand its uniqueness and make it recognisable.

Patterns

#

Synia patterns use dots to show structured information, synchronization, and organised movement. They work best as spacious visual elements, never as decoration behind long body copy.

The same rounded surface language appears in illustrations and graphics. Use soft corners, soft shadows, and clear hierarchy.

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.

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.
Synia dot pattern 1.
Pattern 1
Synia dot pattern 2.
Pattern 2
Synia dot pattern 3.
Pattern 3
Synia dot pattern 4.
Pattern 4
Synia dot pattern 5.
Pattern 5

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.

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.
  • 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.