Use this documentation as a guide to proper usage of the AsyncAPI logos.
Table of Contents
You can download all AsyncAPI logos from the /logos/asyncapi directory of this repo. Please refer to the guidelines below for proper usage of the logos in your project.
See the chart below for the recommended usage of all styles of the AsyncAPI logo.
| Usage | Description |
|---|---|
| Minimum width (height to scale) | 190px |
| Minimum height (width to scale) | 42px |
| Minimum padding (space around logo) | 20px |
For use on light mode interfaces or light backgrounds.
| Spec | Description |
|---|---|
| Background color(s) | white / gray-50 |
| Logo type color | dark |
| Logo mark style | Gradient |
| Download | SVG, PNG, EPS |
For use on dark mode interfaces or dark backgrounds.
| Spec | Description |
|---|---|
| Background color(s) | dark |
| Logo type color | white |
| Logo mark style | Gradient |
| Download | SVG, PNG, EPS |
Alternative one-color logo version. For print use when we can only print with one color.
| Spec | Description |
|---|---|
| Background color(s) | white / gray-50, Any light-colored garment |
| Logo type color | dark |
| Logo mark style | Outline |
| Download | SVG, PNG, EPS |
Alternative one-color logo version. For print use when we can only print with one color.
| Spec | Description |
|---|---|
| Background color(s) | dark, Any dark-colored garment |
| Logo type color | white |
| Logo mark style | Outline |
| Download | SVG, PNG, EPS |
Alternative logo for use on gradient backgrounds and patterned/textured backgrounds.
| Spec | Description |
|---|---|
| Background color(s) | Main Gradient, Patterns/Textures |
| Logo type color | white |
| Logo mark style | Fill (white) |
| Download | SVG, PNG, EPS |
The brand mark may be used alone without the logotype ("AsyncAPI") as long as AsyncAPI is referenced in some supporting copy/content. Please also see the Logo don'ts and Clear space sections for proper usage of the mark.
- Download SVG (Vector-based web use)
- Download PNG (Pixel-based web use)
- Download EPS (Vector-based artwork use)
- Download SVG (Vector-based web use)
- Download PNG (Pixel-based web use)
- Download EPS (Vector-based artwork use)
- Download SVG (Vector-based web use)
- Download PNG (Pixel-based web use)
- Download EPS (Vector-based artwork use)
- Download SVG (Vector-based web use)
- Download PNG (Pixel-based web use)
- Download EPS (Vector-based artwork use)
Clear space in this context means the minimum space required surrounding the AsyncAPI logo when it is placed near edges or other elements. The graphic below shows how the clear space is generated. The width of the AsyncAPI “S” mark within the logo is used to determine how much clear space is needed. When scaling the logo up and down, you must always use the new size of the “S” as a guide to how much clear space you will need in that specific implementation.
Please use the examples below to understand what NOT to do when using the logo in your application/marketing.
