Logo
The Cloudinary logo is composed of a clean, modern logotype and a cloud glyph that represents our technology.
Cloudinary Brand
Usage
It’s critical to maintain an open area around the Cloudinary logo so it remains recognizable and doesn’t become lost in other elements.
On all sides, the exclusion should be measured from the farthest edge of the logo.
Digital: 72px wide
Print: 1in wide
Digital: 28px wide
Print: 1/4in wide
Usage to Avoid
Here are some examples of things not to do. When in doubt, reach out to the Cloudinary Brand team.
Don’t distort the logo or glyph.
Don’t use the logo in a sentence.
Don’t change the font style.
Don’t change the color of the logo.
Don’t rotate the logo or glyph.
Don’t place the logo on top of a background that makes it illegible.
Color Palette
Cloudinary’s brand is built around the color blue. In this section we’ll explore the primary brand blue palette and the supporting secondary palette.
Brand Blue
Cloudinary Blue is reserved for the logo. Don’t use Cloudinary Blue for other graphics on the page. Pick a blue shade from one of our primary tints.
Cloudinary Blue
#3448C5
rgb(52, 72, 197)
PMS 2728
Primary
Cloudinary’s primary blue palette is a bold and vibrant set of unique blues found in the sky.
Sky Blue
#0D9AFF
rgb(13, 154, 255)
Grey
#E3E9EF
rgb(227, 233, 239)
Aegean Blue
#23436A
rgb(35, 67, 106)
Cetacean Blue
#1B295D
rgb(27, 41, 93)
Secondary
The secondary palette compliments the primary palette. Together the two palettes create a cohesive and unique visual language that represents the fluidity of the ever-changing sky.
The colors used in the hover state are accessible.
Turquoise
#48C4D8
rgb(72, 196, 216)
Pink
#FE5981
rgb(254, 89, 129)
Green
#D5FDA1
rgb(213, 253, 161)
Teal
#60CFB7
rgb(96, 207, 183)
Purple
#A15EE4
rgb(161, 94, 228)
Typography
Typography and typescale play a large role in the Cloudinary brand.
Cloudinary’s typescale is built systematically with the golden ratio using 1/2 increments.