Review DS illustrative styles

canonical / design-vanilla-framework

Design components for Vanilla Framework.

https://vanillaframework.io

GNU General Public License v3.0

62 stars 11 forks source link

Review DS illustrative styles #441

Closed kwm14 closed 4 years ago

kwm14 commented 4 years ago

Investigate and review existing DS illustrative styles in the wild.

kwm14 commented 4 years ago

Polaris - Shopify

Beaut hero illustration: arrival feels design led
Good mix of illustrative and iconography styles
Stick to brand colours: something to consider with Vanilla

polaris-example

kwm14 commented 4 years ago

Primer - GitHub

Strong brand presence
The dark theme works well
Different concept illustration style: but tells a story per section
Customisable typography icon 🔥

primer-example

kwm14 commented 4 years ago

LDS - Salesforce

Geometric style inheriting colours from their colour palette
BIG illustrations throughout sections
Illustrations more prominent than content

lds-example

kwm14 commented 4 years ago

Frontify - Frontify

Playful illustrative style
Incorporating tones of brand colours throughout
A nice approach which could work well for Vanilla

frontify-example

kwm14 commented 4 years ago

Momentum - Cisco

Brand colours worked throughout illustrations
A simple, understandable and playful style
Think lines and strokes similar to newly created Ubuntu style

momentum-example

kwm14 commented 4 years ago

Spectrum - Adobe

The bold and striking illustration style
High contrast colours work well together as a collection
Alternate style to Adobe's rich photography style

spectrum-example

kwm14 commented 4 years ago

Some great illustrative/icon styles in the wild that provide a great brand presence to their design systems.

As Vanilla doesn't have a "brand" it still sits under the Ubuntu ecosystem, so taking inspiration from new Ubuntu illustrative/icon styles would be a good start.

In terms of colours etc...this will still need to be defined 😉