Wanda design system provides a full-featured Wonderflow logo designed to be used consistently across the projects and assets.

## Variants

The logo itself has two variants, and each of them are made for both `light` and `dark` colors.

### Full logo

The full logo is used when the brand communication is strong and prominent. It needs a big white space area around in order to keep the information readable.

![](/design/brand/full-logo-light.svg)

### Mark

The mark logo is often used when the brand identity should not be so prominent and when the is not enought room for the full logo.

![](/design/brand/mark-logo-light.svg)

### Icon

Icons are versions of the mark logo. The stroke is thicker in order to keep readability on really small sizes. They are used for example as tab icon inside web pages.

![](/design/brand/icon-logo-light.svg)

## General usage

**As a rule of thumb: use the full logo** — exception made : 

- use the Icon version when  the space is really a constraint (eg: favicon)
- use the mark version when there are multiple instances of the Wonderflow logo in the page/presentation 

## Downloads

You can find and download the official Wonderflow logo  from the [brand page](https://design.wonderflow.ai/design/brand/#resources). You'll get both light and dark versions, in the following formats `svg` and `png`.


#ux

Using Wonderflow's logo consistently