---
metadata:
  - name: generator
    content: Diplodoc Platform v5.48.2
alternate:
  - https://yandex.ru/dev/dialogs/smart-home/doc/en/works-with-alice-rules.md
  - https://yandex.ru/dev/dialogs/smart-home/doc/ru/works-with-alice-rules.md
---

# “Works with Alice” badge

#|
||
The “Works with Alice” badge is well recognized. When a user sees the badge, they trust the device more, which results in higher purchase conversion rates.

<br>

To use the badge in your marketing materials:

<br>

1. Get [certified](https://yandex.ru/dev/dialogs/smart-home/doc/en/certification.md).
1. Design your materials according to the [rules](#recommend).
1. Send package designs or mockups and printed or web page materials to [smart-home-dev@support.yandex.ru](mailto:smart-home-dev@support.yandex.ru).
1. Get a written permission to use Yandex intellectual property.
|
![](_images/works-with-alice/alice-badge.png =300x)
||
|#



## Rules of badge use {#badge-rules}

- [Position the badge](#recommend) correctly.
- Double check that the badge is present on your [product card](#retail) and is up-to-date.
- Select a badge color that compliments the [background](#color).


## Badge positioning {#recommend}

### Clear space {#safety-area}

Be sure the badge is surrounded with enough clear space. Margins from the edges shouldn't be less than half the badge height.

![Minimum margins from the edges for the badge](_images/works-with-alice/layout.png)

### Online retail {#retail}

#### Full version of the site

![](_images/works-with-alice/desktop.png =250x)

- The badge is placed in any corner of the first product card.
- Doesn't have zero margins or occupy a central position.
- Doesn't overlap the product image.
- The minimum size is 130 × 51 px.


{% cut "Example" %}

![](_images/works-with-alice/example-desktop.png =400x)

{% endcut %}

#### Mobile version

![](_images/works-with-alice/mobile.png =200x)

- The badge is placed in any corner of the first product card.
- Doesn't have zero margins or occupy a central position.
- Doesn't overlap the product image.
- Used without a bar and with larger text.
- The maximum size is 62 × 18 px.


{% cut "Example" %}

![](_images/works-with-alice/example-mobile.png =400x)

{% endcut %}

#### Card carousel

![](_images/works-with-alice/reel.png =150x)

- Placed in the product description, on the left, in the same line as the text.
- The minimum size is 92 × 9 px.


{% cut "Example" %}


![](_images/works-with-alice/example-reel.png)


{% endcut %}

### Printed materials {#print-position}

- The badge is placed in the lower left or lower right corner of the format.
- The badge is placed on any side of the box except the bottom.
- No more than two badges per box:

    - When it's one badge, it can go on any side of the box except the bottom
    - When it's two badges, they go on the front and opposite (back) sides

- The minimum badge height for printing is 9 mm.

![Badge height](_images/works-with-alice/formats.png)

![Badge location on the packaging](_images/works-with-alice/print-position.png)

![Badge location on the box](_images/works-with-alice/badge-box.png)


## Badge against different backgrounds {#color}

### On a single-color background {#homogeneous-background}

- The main badge with a gradient base is used only on a white background.
- A badge with a white base is used on a light single-color background.
- A dark background should have a white badge with a transparent base and a contoured Alice logo.
- Cardboard should have a monochrome black badge.

![Badge on a plain dark background](_images/works-with-alice/dark.png)

![Badge on a plain light background](_images/works-with-alice/light.png)

### On a multi-color background {#complex-background}

- Place the badge on a single-color area of the photo.
- For dark photos, use the monochrome version.
- Don't place the badge in front of objects.

![Examples of correct and incorrect position of the badge on a multi-color background](_images/works-with-alice/complex-background-forbidden.png)

## Errors when using a badge {#invalid}

### Forbidden actions with the badge {#badge-wrong}

When using a badge, do not:

- Change the badge design.
- Change the shape of the bar.
- Change the font.
- Change the color.
- Use a monochrome badge without a base.
- Delete the Alice icon.

![Examples of incorrect badge usage](_images/works-with-alice/badge-wrong.png)

### On digital media {#online-wrong}

The badge must not:

- Be placed in the middle.
- Be too small or too big.
- Overlap the device.
- Be positioned vertically.

![Examples of incorrect badge usage on digital media](_images/works-with-alice/online-wrong.png)

### On the packaging {#print-wrong}

The badge must not be located:

- Next to the logo and/or name of the device.
- In the center.
- In front of the device.
- Under any kind of fittings or attachments.
- Close to the edge of the format.
- On the underside.
- In a random spot.
- At an angle.

![Examples of incorrect badge usage on packaging](_images/works-with-alice/print-wrong.png)

![Examples of incorrect badge usage on the box](_images/works-with-alice/box-wrong.png)


## Frequently asked questions {#troubleshooting}

<!-- source: en/_includes/troubleshooting/skill-without-certification.md -->
{% cut "Can I create a skill without certifying the equipment?" %}


You can create a smart home skill without [certification](https://yandex.ru/dev/dialogs/smart-home/doc/en/certification.md), but you won't be able to use the “Works with Alice” [badge](https://yandex.ru/dev/dialogs/smart-home/doc/en/works-with-alice-rules.md) in your promos.


{% endcut %}
<!-- endsource: en/_includes/troubleshooting/skill-without-certification.md -->

<!-- source: en/_includes/troubleshooting/badge-alice.md -->
{% cut "How do I get the “Works with Alice” badge?" %}


To get the [badge](https://yandex.ru/dev/dialogs/smart-home/doc/en/works-with-alice-rules.md), publish a skill and send the compatible devices to the Yandex office. For more information, see [How to certify a device](https://yandex.ru/dev/dialogs/smart-home/doc/en/certification.md).


{% endcut %}
<!-- endsource: en/_includes/troubleshooting/badge-alice.md -->

<!-- {% include [support-support-button](_includes/about/id-support/support-button.md) %}-->


