Our logo
Horizontal
The horizontal version of our logo is the preferred choice for all communications.
We have 2 main versions of our horizontal logo: Primary — our full color version of our logo and Secondary — a reversed color version.
Primary logo — full color
Download
- svg
-
Scalable vector format
- eps
-
Scalable vector format
- png
- jpg
- gif
Secondary logo — full color reversed
Download
- svg
-
Scalable vector format
- eps
-
Scalable vector format
- png
- gif
Single color celeste
Download
- svg
-
Scalable vector format
- eps
-
Scalable vector format
- png
- jpg
- gif
Single color gray
Download
- svg
-
Scalable vector format
- eps
-
Scalable vector format
- png
- jpg
- gif
Single color black
Download
- svg
-
Scalable vector format
- eps
-
Scalable vector format
- png
- jpg
- gif
Single color white
Download
- svg
-
Scalable vector format
- eps
-
Scalable vector format
- png
- gif
Vertical
The vertical version of our logo should only be used in limited situations where the horizontal logo can not be used due to space concerns.
Vertical primary logo — full color on white
Download
- svg
-
Scalable vector format
- eps
-
Scalable vector format
- png
- jpg
- gif
Vertical secondary logo — reversed on white
Download
- svg
-
Scalable vector format
- eps
-
Scalable vector format
- png
- gif
Vertical single color celeste
Download
- svg
-
Scalable vector format
- eps
-
Scalable vector format
- png
- jpg
- gif
Vertical single color gray
Download
- svg
-
Scalable vector format
- eps
-
Scalable vector format
- png
- jpg
- gif
Vertical single color black
Download
- svg
-
Scalable vector format
- eps
-
Scalable vector format
- png
- jpg
- gif
Vertical single color white
Download
- svg
-
Scalable vector format
- eps
-
Scalable vector format
- png
- gif
Symbol
Symbol — celeste
Download
- svg
-
Scalable vector format
- eps
-
Scalable vector format
- png
- jpg
- gif
Symbol — gray
Download
- svg
-
Scalable vector format
- eps
-
Scalable vector format
- png
- jpg
- gif
Symbol — black
Download
- svg
-
Scalable vector format
- eps
-
Scalable vector format
- png
- jpg
- gif
Symbol — white
Download
- svg
-
Scalable vector format
- eps
-
Scalable vector format
- png
- gif
Partner Space
Primary logo — full color
Download
- svg
-
Scalable vector format
- eps
-
Scalable vector format
- png
- jpg
- gif
Secondary logo — full color reversed
Download
- svg
-
Scalable vector format
- eps
-
Scalable vector format
- png
- gif
Logo colors
Our logo should only be used in the following colors:
![](https://soracom-design.imgix.net/brand/logo/images/logo-colors.png?auto=format&q=30&w=320&dpr=1 1x,
https%3a%2f%2fsoracom-design.imgix.net%2fbrand%2flogo%2fimages%2flogo-colors.png?auto=format&q=30&w=320&dpr=2 2x,
https%3a%2f%2fsoracom-design.imgix.net%2fbrand%2flogo%2fimages%2flogo-colors.png?auto=format&q=30&w=320&dpr=3 3x,
https%3a%2f%2fsoracom-design.imgix.net%2fbrand%2flogo%2fimages%2flogo-colors.png?auto=format&q=30&w=320&dpr=4 4x,
https%3a%2f%2fsoracom-design.imgix.net%2fbrand%2flogo%2fimages%2flogo-colors.png?auto=format&q=30&w=320&dpr=5 5x)
Primary logo — full color on white
Clear space
Clear space is the term for the area around our logo that no other graphic element, logo, or content should intrude into. This area is equal to 50% of the height of our word mark.
![](https://soracom-design.imgix.net/brand/logo/images/clear-space.png?auto=format&q=30&w=320&dpr=1 1x,
https%3a%2f%2fsoracom-design.imgix.net%2fbrand%2flogo%2fimages%2fclear-space.png?auto=format&q=30&w=320&dpr=2 2x,
https%3a%2f%2fsoracom-design.imgix.net%2fbrand%2flogo%2fimages%2fclear-space.png?auto=format&q=30&w=320&dpr=3 3x,
https%3a%2f%2fsoracom-design.imgix.net%2fbrand%2flogo%2fimages%2fclear-space.png?auto=format&q=30&w=320&dpr=4 4x,
https%3a%2f%2fsoracom-design.imgix.net%2fbrand%2flogo%2fimages%2fclear-space.png?auto=format&q=30&w=320&dpr=5 5x)
Our logo clear space
![](https://soracom-design.imgix.net/brand/logo/images/clear-space-correct.png?auto=format&q=30&w=320&dpr=1 1x,
https%3a%2f%2fsoracom-design.imgix.net%2fbrand%2flogo%2fimages%2fclear-space-correct.png?auto=format&q=30&w=320&dpr=2 2x,
https%3a%2f%2fsoracom-design.imgix.net%2fbrand%2flogo%2fimages%2fclear-space-correct.png?auto=format&q=30&w=320&dpr=3 3x,
https%3a%2f%2fsoracom-design.imgix.net%2fbrand%2flogo%2fimages%2fclear-space-correct.png?auto=format&q=30&w=320&dpr=4 4x,
https%3a%2f%2fsoracom-design.imgix.net%2fbrand%2flogo%2fimages%2fclear-space-correct.png?auto=format&q=30&w=320&dpr=5 5x)
Correct use of clear space
![](https://soracom-design.imgix.net/brand/logo/images/clear-space-wrong.png?auto=format&q=30&w=320&dpr=1 1x,
https%3a%2f%2fsoracom-design.imgix.net%2fbrand%2flogo%2fimages%2fclear-space-wrong.png?auto=format&q=30&w=320&dpr=2 2x,
https%3a%2f%2fsoracom-design.imgix.net%2fbrand%2flogo%2fimages%2fclear-space-wrong.png?auto=format&q=30&w=320&dpr=3 3x,
https%3a%2f%2fsoracom-design.imgix.net%2fbrand%2flogo%2fimages%2fclear-space-wrong.png?auto=format&q=30&w=320&dpr=4 4x,
https%3a%2f%2fsoracom-design.imgix.net%2fbrand%2flogo%2fimages%2fclear-space-wrong.png?auto=format&q=30&w=320&dpr=5 5x)
Incorrect use of clear space
Logo size
![](https://soracom-design.imgix.net/brand/logo/images/primary-logo-size.png?auto=format&q=30&w=320&dpr=1 1x,
https%3a%2f%2fsoracom-design.imgix.net%2fbrand%2flogo%2fimages%2fprimary-logo-size.png?auto=format&q=30&w=320&dpr=2 2x,
https%3a%2f%2fsoracom-design.imgix.net%2fbrand%2flogo%2fimages%2fprimary-logo-size.png?auto=format&q=30&w=320&dpr=3 3x,
https%3a%2f%2fsoracom-design.imgix.net%2fbrand%2flogo%2fimages%2fprimary-logo-size.png?auto=format&q=30&w=320&dpr=4 4x,
https%3a%2f%2fsoracom-design.imgix.net%2fbrand%2flogo%2fimages%2fprimary-logo-size.png?auto=format&q=30&w=320&dpr=5 5x)
The minimum size for the logo is 13mm or 250px wide. It should not be used smaller than this. There is no maximum size.
Logo usage
Our logo should only be used as shown in these guidelines. Any other use can reflect badly on our brand. Here are some specific things that should be avoided:
![](https://soracom-design.imgix.net/brand/logo/images/logo-incorrect-use-1.png?auto=format&q=30&w=320&dpr=1 1x,
https%3a%2f%2fsoracom-design.imgix.net%2fbrand%2flogo%2fimages%2flogo-incorrect-use-1.png?auto=format&q=30&w=320&dpr=2 2x,
https%3a%2f%2fsoracom-design.imgix.net%2fbrand%2flogo%2fimages%2flogo-incorrect-use-1.png?auto=format&q=30&w=320&dpr=3 3x,
https%3a%2f%2fsoracom-design.imgix.net%2fbrand%2flogo%2fimages%2flogo-incorrect-use-1.png?auto=format&q=30&w=320&dpr=4 4x,
https%3a%2f%2fsoracom-design.imgix.net%2fbrand%2flogo%2fimages%2flogo-incorrect-use-1.png?auto=format&q=30&w=320&dpr=5 5x)
DO NOT squash or stretch the logo
![](https://soracom-design.imgix.net/brand/logo/images/logo-incorrect-use-2.png?auto=format&q=30&w=320&dpr=1 1x,
https%3a%2f%2fsoracom-design.imgix.net%2fbrand%2flogo%2fimages%2flogo-incorrect-use-2.png?auto=format&q=30&w=320&dpr=2 2x,
https%3a%2f%2fsoracom-design.imgix.net%2fbrand%2flogo%2fimages%2flogo-incorrect-use-2.png?auto=format&q=30&w=320&dpr=3 3x,
https%3a%2f%2fsoracom-design.imgix.net%2fbrand%2flogo%2fimages%2flogo-incorrect-use-2.png?auto=format&q=30&w=320&dpr=4 4x,
https%3a%2f%2fsoracom-design.imgix.net%2fbrand%2flogo%2fimages%2flogo-incorrect-use-2.png?auto=format&q=30&w=320&dpr=5 5x)
DO NOT rotate the logo
![](https://soracom-design.imgix.net/brand/logo/images/logo-incorrect-use-3.png?auto=format&q=30&w=320&dpr=1 1x,
https%3a%2f%2fsoracom-design.imgix.net%2fbrand%2flogo%2fimages%2flogo-incorrect-use-3.png?auto=format&q=30&w=320&dpr=2 2x,
https%3a%2f%2fsoracom-design.imgix.net%2fbrand%2flogo%2fimages%2flogo-incorrect-use-3.png?auto=format&q=30&w=320&dpr=3 3x,
https%3a%2f%2fsoracom-design.imgix.net%2fbrand%2flogo%2fimages%2flogo-incorrect-use-3.png?auto=format&q=30&w=320&dpr=4 4x,
https%3a%2f%2fsoracom-design.imgix.net%2fbrand%2flogo%2fimages%2flogo-incorrect-use-3.png?auto=format&q=30&w=320&dpr=5 5x)
DO NOT remove the icon from the logo
![](https://soracom-design.imgix.net/brand/logo/images/logo-incorrect-use-4.png?auto=format&q=30&w=320&dpr=1 1x,
https%3a%2f%2fsoracom-design.imgix.net%2fbrand%2flogo%2fimages%2flogo-incorrect-use-4.png?auto=format&q=30&w=320&dpr=2 2x,
https%3a%2f%2fsoracom-design.imgix.net%2fbrand%2flogo%2fimages%2flogo-incorrect-use-4.png?auto=format&q=30&w=320&dpr=3 3x,
https%3a%2f%2fsoracom-design.imgix.net%2fbrand%2flogo%2fimages%2flogo-incorrect-use-4.png?auto=format&q=30&w=320&dpr=4 4x,
https%3a%2f%2fsoracom-design.imgix.net%2fbrand%2flogo%2fimages%2flogo-incorrect-use-4.png?auto=format&q=30&w=320&dpr=5 5x)
DO NOT rearrange the elements of the logo
![](https://soracom-design.imgix.net/brand/logo/images/logo-incorrect-use-5.png?auto=format&q=30&w=320&dpr=1 1x,
https%3a%2f%2fsoracom-design.imgix.net%2fbrand%2flogo%2fimages%2flogo-incorrect-use-5.png?auto=format&q=30&w=320&dpr=2 2x,
https%3a%2f%2fsoracom-design.imgix.net%2fbrand%2flogo%2fimages%2flogo-incorrect-use-5.png?auto=format&q=30&w=320&dpr=3 3x,
https%3a%2f%2fsoracom-design.imgix.net%2fbrand%2flogo%2fimages%2flogo-incorrect-use-5.png?auto=format&q=30&w=320&dpr=4 4x,
https%3a%2f%2fsoracom-design.imgix.net%2fbrand%2flogo%2fimages%2flogo-incorrect-use-5.png?auto=format&q=30&w=320&dpr=5 5x)
DO NOT change the icon
![](https://soracom-design.imgix.net/brand/logo/images/logo-incorrect-use-6.png?auto=format&q=30&w=320&dpr=1 1x,
https%3a%2f%2fsoracom-design.imgix.net%2fbrand%2flogo%2fimages%2flogo-incorrect-use-6.png?auto=format&q=30&w=320&dpr=2 2x,
https%3a%2f%2fsoracom-design.imgix.net%2fbrand%2flogo%2fimages%2flogo-incorrect-use-6.png?auto=format&q=30&w=320&dpr=3 3x,
https%3a%2f%2fsoracom-design.imgix.net%2fbrand%2flogo%2fimages%2flogo-incorrect-use-6.png?auto=format&q=30&w=320&dpr=4 4x,
https%3a%2f%2fsoracom-design.imgix.net%2fbrand%2flogo%2fimages%2flogo-incorrect-use-6.png?auto=format&q=30&w=320&dpr=5 5x)
DO NOT swap the colors of the logo
![](https://soracom-design.imgix.net/brand/logo/images/logo-incorrect-use-7.png?auto=format&q=30&w=320&dpr=1 1x,
https%3a%2f%2fsoracom-design.imgix.net%2fbrand%2flogo%2fimages%2flogo-incorrect-use-7.png?auto=format&q=30&w=320&dpr=2 2x,
https%3a%2f%2fsoracom-design.imgix.net%2fbrand%2flogo%2fimages%2flogo-incorrect-use-7.png?auto=format&q=30&w=320&dpr=3 3x,
https%3a%2f%2fsoracom-design.imgix.net%2fbrand%2flogo%2fimages%2flogo-incorrect-use-7.png?auto=format&q=30&w=320&dpr=4 4x,
https%3a%2f%2fsoracom-design.imgix.net%2fbrand%2flogo%2fimages%2flogo-incorrect-use-7.png?auto=format&q=30&w=320&dpr=5 5x)
DO NOT use other color combinations
![](https://soracom-design.imgix.net/brand/logo/images/logo-incorrect-use-8.png?auto=format&q=30&w=320&dpr=1 1x,
https%3a%2f%2fsoracom-design.imgix.net%2fbrand%2flogo%2fimages%2flogo-incorrect-use-8.png?auto=format&q=30&w=320&dpr=2 2x,
https%3a%2f%2fsoracom-design.imgix.net%2fbrand%2flogo%2fimages%2flogo-incorrect-use-8.png?auto=format&q=30&w=320&dpr=3 3x,
https%3a%2f%2fsoracom-design.imgix.net%2fbrand%2flogo%2fimages%2flogo-incorrect-use-8.png?auto=format&q=30&w=320&dpr=4 4x,
https%3a%2f%2fsoracom-design.imgix.net%2fbrand%2flogo%2fimages%2flogo-incorrect-use-8.png?auto=format&q=30&w=320&dpr=5 5x)
DO NOT add effects or shadows to the logo
![](https://soracom-design.imgix.net/brand/logo/images/logo-incorrect-use-9.png?auto=format&q=30&w=320&dpr=1 1x,
https%3a%2f%2fsoracom-design.imgix.net%2fbrand%2flogo%2fimages%2flogo-incorrect-use-9.png?auto=format&q=30&w=320&dpr=2 2x,
https%3a%2f%2fsoracom-design.imgix.net%2fbrand%2flogo%2fimages%2flogo-incorrect-use-9.png?auto=format&q=30&w=320&dpr=3 3x,
https%3a%2f%2fsoracom-design.imgix.net%2fbrand%2flogo%2fimages%2flogo-incorrect-use-9.png?auto=format&q=30&w=320&dpr=4 4x,
https%3a%2f%2fsoracom-design.imgix.net%2fbrand%2flogo%2fimages%2flogo-incorrect-use-9.png?auto=format&q=30&w=320&dpr=5 5x)
DO NOT use the primary logo on colored backgrounds
![](https://soracom-design.imgix.net/brand/logo/images/logo-incorrect-use-10.png?auto=format&q=30&w=320&dpr=1 1x,
https%3a%2f%2fsoracom-design.imgix.net%2fbrand%2flogo%2fimages%2flogo-incorrect-use-10.png?auto=format&q=30&w=320&dpr=2 2x,
https%3a%2f%2fsoracom-design.imgix.net%2fbrand%2flogo%2fimages%2flogo-incorrect-use-10.png?auto=format&q=30&w=320&dpr=3 3x,
https%3a%2f%2fsoracom-design.imgix.net%2fbrand%2flogo%2fimages%2flogo-incorrect-use-10.png?auto=format&q=30&w=320&dpr=4 4x,
https%3a%2f%2fsoracom-design.imgix.net%2fbrand%2flogo%2fimages%2flogo-incorrect-use-10.png?auto=format&q=30&w=320&dpr=5 5x)
DO use the secondary logo on colored backgrounds
![](https://soracom-design.imgix.net/brand/logo/images/logo-incorrect-use-11.png?auto=format&q=30&w=320&dpr=1 1x,
https%3a%2f%2fsoracom-design.imgix.net%2fbrand%2flogo%2fimages%2flogo-incorrect-use-11.png?auto=format&q=30&w=320&dpr=2 2x,
https%3a%2f%2fsoracom-design.imgix.net%2fbrand%2flogo%2fimages%2flogo-incorrect-use-11.png?auto=format&q=30&w=320&dpr=3 3x,
https%3a%2f%2fsoracom-design.imgix.net%2fbrand%2flogo%2fimages%2flogo-incorrect-use-11.png?auto=format&q=30&w=320&dpr=4 4x,
https%3a%2f%2fsoracom-design.imgix.net%2fbrand%2flogo%2fimages%2flogo-incorrect-use-11.png?auto=format&q=30&w=320&dpr=5 5x)
DO NOT use the white mono version on Celeste
![](https://soracom-design.imgix.net/brand/logo/images/logo-incorrect-use-12.png?auto=format&q=30&w=320&dpr=1 1x,
https%3a%2f%2fsoracom-design.imgix.net%2fbrand%2flogo%2fimages%2flogo-incorrect-use-12.png?auto=format&q=30&w=320&dpr=2 2x,
https%3a%2f%2fsoracom-design.imgix.net%2fbrand%2flogo%2fimages%2flogo-incorrect-use-12.png?auto=format&q=30&w=320&dpr=3 3x,
https%3a%2f%2fsoracom-design.imgix.net%2fbrand%2flogo%2fimages%2flogo-incorrect-use-12.png?auto=format&q=30&w=320&dpr=4 4x,
https%3a%2f%2fsoracom-design.imgix.net%2fbrand%2flogo%2fimages%2flogo-incorrect-use-12.png?auto=format&q=30&w=320&dpr=5 5x)
DO use the grey or black mono version on Celeste
![](https://soracom-design.imgix.net/brand/logo/images/logo-incorrect-use-15.jpg?auto=format&q=30&w=320&dpr=1 1x,
https%3a%2f%2fsoracom-design.imgix.net%2fbrand%2flogo%2fimages%2flogo-incorrect-use-15.jpg?auto=format&q=30&w=320&dpr=2 2x,
https%3a%2f%2fsoracom-design.imgix.net%2fbrand%2flogo%2fimages%2flogo-incorrect-use-15.jpg?auto=format&q=30&w=320&dpr=3 3x,
https%3a%2f%2fsoracom-design.imgix.net%2fbrand%2flogo%2fimages%2flogo-incorrect-use-15.jpg?auto=format&q=30&w=320&dpr=4 4x,
https%3a%2f%2fsoracom-design.imgix.net%2fbrand%2flogo%2fimages%2flogo-incorrect-use-15.jpg?auto=format&q=30&w=320&dpr=5 5x)
DO NOT use the mono version on images which make hard to read
![](https://soracom-design.imgix.net/brand/logo/images/logo-incorrect-use-16.jpg?auto=format&q=30&w=320&dpr=1 1x,
https%3a%2f%2fsoracom-design.imgix.net%2fbrand%2flogo%2fimages%2flogo-incorrect-use-16.jpg?auto=format&q=30&w=320&dpr=2 2x,
https%3a%2f%2fsoracom-design.imgix.net%2fbrand%2flogo%2fimages%2flogo-incorrect-use-16.jpg?auto=format&q=30&w=320&dpr=3 3x,
https%3a%2f%2fsoracom-design.imgix.net%2fbrand%2flogo%2fimages%2flogo-incorrect-use-16.jpg?auto=format&q=30&w=320&dpr=4 4x,
https%3a%2f%2fsoracom-design.imgix.net%2fbrand%2flogo%2fimages%2flogo-incorrect-use-16.jpg?auto=format&q=30&w=320&dpr=5 5x)
DO darken images to ensure the logo is easy to read
Social Media and Avatars
See social media guidelines