GRAPHIC ELEMENTS

Happy and webby 🎨

Primary elements

To give our design a happy and webby feeling we use a lot of dots, circles and rounded elements.

Also these are sometimes elements taken from aworks interface to make the design even more recognizable. In most cases the elements will be colorful on light or dark background.

If we need to switch to ultra serious mode, we’ve got the possibility to reduce the number of used colors step by step; or resulting in complete use of greyscale. 

We use Apple emojis in our design and communication to easily transfer emotions. It’s easy to emphasize text or get an explizit message around. For emojis it’s just really important to not overuse because it gets ridiculous quite fast. So for emoji use: less is always more!

How we use it

This is a random selection of examples how to use the graphic elements for example on social media.

Clay icons

We use these graphical icons from very minimalistic interfaces and other swag for visualized communication. They are used in emails, ads and in the interface of awork as well. Here are some examples, but there are a lot more for different use cases.

How we use it

This is a random selection of examples how to use the clay icons for example on social media or on our awork blog.

Mockups

We have a selection of minimalistic mockups which we use for a demonstration of the surface and functions of awork.

How we use it

This is a random selection of examples how to use the mockups for example on our website or in ads.

Screenshots

For some cases we use Screenshots to show a more detailed  look behind the scenes. Our users (or future users) get a deeper impression in our tool.

How we use it

This is a random selection of examples how to use the clay icons for example on social media or on our awork blog.

Videos

If you want to see how awork works, learn more about his functions or if you want to get useful insider hints then visit our youtube and subscribe.

Motion graphics

Logo animation

We have a simple animation of our logo. It incorporates our progress icons and then turning into awork logo. It is short with very basic motions.

 

It’s used as intro or outro of videos but can also be used for various stuff. It’s available as a looped .gif or .mov, in color or completely white.

Social Media GIFs

For your Instagram Stories you can copy this stickers into your own Story for a super happy and webby awork styled content.

Scroll to Top