Graphics

In alignment with our design value to be unique, we foster a distinctive visual identity by using graphic elements that are tailored to our needs. It is important to avoid the use of generic and stock graphics, and rather utilize our custom graphics that are developed for core Webalo ideas and concepts we want to represent visually.

Icons

The use of icons should be considered when visual representations can effectively communicate ideas, simplify complex concepts, and engage the audience in a more memorable and impactful way. When an icon fails to clearly communicate a concept, including it will only produce visual clutter and create an additional barrier to connecting with the content - any use of icons should be carefully considered.

Uniformity

When incorporating a set of graphics that are seen in conjunction with our brand or product, it’s crucial to ensure a uniform visual expression to assist in creating a cohesive visual language. This pertains both to how the graphics relate to each other, but also how they relate to our branding. A disparate set of graphics will degrade the perception of clarity, consistency, and recognizability.

If you have a need to illustrate an important Webalo concept through visual material, please reach out to the design team to request a custom asset, at design@webalo.com

Do’s and Don’ts
We have compiled a series of cases for using graphics incorrectly so we collectively avoid using these components incorrectly.
Don’t
use graphics that do not have a transparent background.
Do
use graphics with transparent backgrounds for seamless integration and visual harmony
Don’t
distort graphics by stretching or skewing them.
Do
maintain their original proportions.
Don’t
add drop shadows or other effects to make the icon stand out.
Do
use variants appropriate for the background to make the icons clearly visible.
Don’t
crop icons. Cropping can change the perceived meaning of an icon.
Do
ensure that icons are displayed in their entirety.
Don’t
overlap icons. Overlapping can make the icons hard to distinguish and their meanings unclear.
Do
ensure that icons are not overlapping.