Prisma Presskit

ℹ️ These guidelines will help you make correct use of the Prisma brand.
👉 The logo mark should only be used in places where there is not enough room to display the full logo,
or in cases where only symbols of multiple brands are displayed.

Logo

Full Color

Use this version by default, on white or light backgrounds.

Preview	Downloads
	⬇️ SVG • ⬇️ PNG • ⬇️ PNG (transparent) • ⬇️ JPG

Black

For light backgrounds when a single-color logo is required.

Preview	Downloads
	⬇️ SVG • ⬇️ PNG • ⬇️ PNG (transparent) • ⬇️ JPG

White

For dark backgrounds when a single-color logo is required.

Preview	Downloads
	⬇️ SVG • ⬇️ PNG • ⬇️ PNG (transparent) • ⬇️ JPG

Grayscale

For monochrome print or muted contexts.

Preview	Downloads
	⬇️ SVG • ⬇️ PNG • ⬇️ PNG (transparent) • ⬇️ JPG

Custom (knockout)

A single-color knockout version for use on top of a solid brand color.

Preview	Downloads
	⬇️ SVG • ⬇️ PNG • ⬇️ PNG (transparent) • ⬇️ JPG

Logo Mark

Only use the logo mark on its own where space is limited (e.g. avatars, favicons) or alongside other brand symbols.

Preview	Downloads
	⬇️ SVG • ⬇️ PNG • ⬇️ PNG (transparent) • ⬇️ JPG

Web & Social

Asset	Preview	Download
Favicon (32×32)		⬇️ PNG
Webclip (144×144)		⬇️ PNG
Social avatar (500×500, 1:1)		⬇️ PNG

✉️ If you have any questions or want to use these assets for your project or website, please reach out to us.
👉 Please do not alter the Prisma logo or use it to imply sponsorship or association with Prisma without our explicit permission.

Typography

• Headings - Mona Sans
• Body - Inter
• Code - Mona Sans Mono

Best Practices

These are some basic guidelines on how not to use our logo, for clarity and aesthetics.

• Don't use shadows
• Don't stretch the logo — keep its proportions
• Don't recolor it or apply gradients — only use the Prisma brand colors
• Don't stack or rearrange the logo elements
• Don't rebrand it as your own product or project
• Don't place the logo on top of busy images
  
  

Badges

Built something awesome with Prisma? 🌟 Show it off with these badges, perfect for your readme or website.

[![Made with Prisma](http://made-with.prisma.io/dark.svg)](https://prisma.io)

<a href="https://prisma.io">
  <img width="122" height="20" src="http://made-with.prisma.io/dark.svg" alt="Made with Prisma" />
</a>

[![Made with Prisma](http://made-with.prisma.io/indigo.svg)](https://prisma.io)

<a href="https://prisma.io">
  <img width="122" height="20" src="http://made-with.prisma.io/indigo.svg" alt="Made with Prisma" />
</a>