diff --git a/Assets/Preview-Prisma-DarkLogo.png b/Assets/Preview-Prisma-DarkLogo.png deleted file mode 100644 index 91aa536..0000000 Binary files a/Assets/Preview-Prisma-DarkLogo.png and /dev/null differ diff --git a/Assets/Preview-Prisma-DarkSymbol.png b/Assets/Preview-Prisma-DarkSymbol.png deleted file mode 100644 index 4adbdc1..0000000 Binary files a/Assets/Preview-Prisma-DarkSymbol.png and /dev/null differ diff --git a/Assets/Preview-Prisma-IndigoLogo.png b/Assets/Preview-Prisma-IndigoLogo.png deleted file mode 100644 index 87f5a14..0000000 Binary files a/Assets/Preview-Prisma-IndigoLogo.png and /dev/null differ diff --git a/Assets/Preview-Prisma-IndigoSymbol.png b/Assets/Preview-Prisma-IndigoSymbol.png deleted file mode 100644 index 3b9858b..0000000 Binary files a/Assets/Preview-Prisma-IndigoSymbol.png and /dev/null differ diff --git a/Assets/Preview-Prisma-LightLogo.png b/Assets/Preview-Prisma-LightLogo.png deleted file mode 100644 index c6f0c5c..0000000 Binary files a/Assets/Preview-Prisma-LightLogo.png and /dev/null differ diff --git a/Assets/Preview-Prisma-LightSymbol.png b/Assets/Preview-Prisma-LightSymbol.png deleted file mode 100644 index c14fe93..0000000 Binary files a/Assets/Preview-Prisma-LightSymbol.png and /dev/null differ diff --git a/Assets/Prisma-DarkLogo.png b/Assets/Prisma-DarkLogo.png deleted file mode 100644 index 6719a4f..0000000 Binary files a/Assets/Prisma-DarkLogo.png and /dev/null differ diff --git a/Assets/Prisma-DarkLogo.svg b/Assets/Prisma-DarkLogo.svg deleted file mode 100644 index 3b193c3..0000000 --- a/Assets/Prisma-DarkLogo.svg +++ /dev/null @@ -1,10 +0,0 @@ - - - - - - - - - - diff --git a/Assets/Prisma-DarkSymbol.png b/Assets/Prisma-DarkSymbol.png deleted file mode 100644 index e19f780..0000000 Binary files a/Assets/Prisma-DarkSymbol.png and /dev/null differ diff --git a/Assets/Prisma-DarkSymbol.svg b/Assets/Prisma-DarkSymbol.svg deleted file mode 100644 index e8795af..0000000 --- a/Assets/Prisma-DarkSymbol.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/Assets/Prisma-IndigoLogo.png b/Assets/Prisma-IndigoLogo.png deleted file mode 100644 index dcb631d..0000000 Binary files a/Assets/Prisma-IndigoLogo.png and /dev/null differ diff --git a/Assets/Prisma-IndigoLogo.svg b/Assets/Prisma-IndigoLogo.svg deleted file mode 100644 index df32bcf..0000000 --- a/Assets/Prisma-IndigoLogo.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - - - diff --git a/Assets/Prisma-IndigoSymbol.png b/Assets/Prisma-IndigoSymbol.png deleted file mode 100644 index 6b1eda1..0000000 Binary files a/Assets/Prisma-IndigoSymbol.png and /dev/null differ diff --git a/Assets/Prisma-IndigoSymbol.svg b/Assets/Prisma-IndigoSymbol.svg deleted file mode 100644 index 86c7ab3..0000000 --- a/Assets/Prisma-IndigoSymbol.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/Assets/Prisma-IndioSymbol.svg b/Assets/Prisma-IndioSymbol.svg deleted file mode 100644 index df32bcf..0000000 --- a/Assets/Prisma-IndioSymbol.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - - - diff --git a/Assets/Prisma-LightLogo.png b/Assets/Prisma-LightLogo.png deleted file mode 100644 index da7bb84..0000000 Binary files a/Assets/Prisma-LightLogo.png and /dev/null differ diff --git a/Assets/Prisma-LightLogo.svg b/Assets/Prisma-LightLogo.svg deleted file mode 100644 index ed5aea1..0000000 --- a/Assets/Prisma-LightLogo.svg +++ /dev/null @@ -1,10 +0,0 @@ - - - - - - - - - - diff --git a/Assets/Prisma-LightSymbol.png b/Assets/Prisma-LightSymbol.png deleted file mode 100644 index 6f49bec..0000000 Binary files a/Assets/Prisma-LightSymbol.png and /dev/null differ diff --git a/Assets/Prisma-LightSymbol.svg b/Assets/Prisma-LightSymbol.svg deleted file mode 100644 index 669c6be..0000000 --- a/Assets/Prisma-LightSymbol.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/Assets/black/black-transparent.png b/Assets/black/black-transparent.png new file mode 100644 index 0000000..df8690f Binary files /dev/null and b/Assets/black/black-transparent.png differ diff --git a/Assets/black/black.jpg b/Assets/black/black.jpg new file mode 100644 index 0000000..0b2202b Binary files /dev/null and b/Assets/black/black.jpg differ diff --git a/Assets/black/black.png b/Assets/black/black.png new file mode 100644 index 0000000..349f685 Binary files /dev/null and b/Assets/black/black.png differ diff --git a/Assets/black/black.svg b/Assets/black/black.svg new file mode 100644 index 0000000..21d7a75 --- /dev/null +++ b/Assets/black/black.svg @@ -0,0 +1,21 @@ + + + + + + + + + + + + + + + + + + + + + diff --git a/Assets/custom/custom-transparent.png b/Assets/custom/custom-transparent.png new file mode 100644 index 0000000..17965c4 Binary files /dev/null and b/Assets/custom/custom-transparent.png differ diff --git a/Assets/custom/custom.jpg b/Assets/custom/custom.jpg new file mode 100644 index 0000000..c9badfd Binary files /dev/null and b/Assets/custom/custom.jpg differ diff --git a/Assets/custom/custom.png b/Assets/custom/custom.png new file mode 100644 index 0000000..d64efd7 Binary files /dev/null and b/Assets/custom/custom.png differ diff --git a/Assets/custom/custom.svg b/Assets/custom/custom.svg new file mode 100644 index 0000000..f63f07f --- /dev/null +++ b/Assets/custom/custom.svg @@ -0,0 +1,21 @@ + + + + + + + + + + + + + + + + + + + + + diff --git a/Assets/favicon.png b/Assets/favicon.png new file mode 100644 index 0000000..ebd0db2 Binary files /dev/null and b/Assets/favicon.png differ diff --git a/Assets/full-color/full-color-transparent.png b/Assets/full-color/full-color-transparent.png new file mode 100644 index 0000000..7e45d5d Binary files /dev/null and b/Assets/full-color/full-color-transparent.png differ diff --git a/Assets/full-color/full-color.jpg b/Assets/full-color/full-color.jpg new file mode 100644 index 0000000..8aa4ce2 Binary files /dev/null and b/Assets/full-color/full-color.jpg differ diff --git a/Assets/full-color/full-color.png b/Assets/full-color/full-color.png new file mode 100644 index 0000000..1b4ee34 Binary files /dev/null and b/Assets/full-color/full-color.png differ diff --git a/Assets/full-color/full-color.svg b/Assets/full-color/full-color.svg new file mode 100644 index 0000000..eb16c3c --- /dev/null +++ b/Assets/full-color/full-color.svg @@ -0,0 +1,21 @@ + + + + + + + + + + + + + + + + + + + + + diff --git a/Assets/grayscale/grayscale-transparent.png b/Assets/grayscale/grayscale-transparent.png new file mode 100644 index 0000000..a162856 Binary files /dev/null and b/Assets/grayscale/grayscale-transparent.png differ diff --git a/Assets/grayscale/grayscale.jpg b/Assets/grayscale/grayscale.jpg new file mode 100644 index 0000000..faac7d3 Binary files /dev/null and b/Assets/grayscale/grayscale.jpg differ diff --git a/Assets/grayscale/grayscale.png b/Assets/grayscale/grayscale.png new file mode 100644 index 0000000..a59d690 Binary files /dev/null and b/Assets/grayscale/grayscale.png differ diff --git a/Assets/grayscale/grayscale.svg b/Assets/grayscale/grayscale.svg new file mode 100644 index 0000000..74478c9 --- /dev/null +++ b/Assets/grayscale/grayscale.svg @@ -0,0 +1,21 @@ + + + + + + + + + + + + + + + + + + + + + diff --git a/Assets/logo-mark/logo-mark-transparent.png b/Assets/logo-mark/logo-mark-transparent.png new file mode 100644 index 0000000..f484fa0 Binary files /dev/null and b/Assets/logo-mark/logo-mark-transparent.png differ diff --git a/Assets/logo-mark/logo-mark.jpg b/Assets/logo-mark/logo-mark.jpg new file mode 100644 index 0000000..4e43bc3 Binary files /dev/null and b/Assets/logo-mark/logo-mark.jpg differ diff --git a/Assets/logo-mark/logo-mark.png b/Assets/logo-mark/logo-mark.png new file mode 100644 index 0000000..7468848 Binary files /dev/null and b/Assets/logo-mark/logo-mark.png differ diff --git a/Assets/logo-mark/logo-mark.svg b/Assets/logo-mark/logo-mark.svg new file mode 100644 index 0000000..8bfb36c --- /dev/null +++ b/Assets/logo-mark/logo-mark.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/Assets/social-avatar.png b/Assets/social-avatar.png new file mode 100644 index 0000000..ebd0db2 Binary files /dev/null and b/Assets/social-avatar.png differ diff --git a/Assets/webclip.png b/Assets/webclip.png new file mode 100644 index 0000000..ebd0db2 Binary files /dev/null and b/Assets/webclip.png differ diff --git a/Assets/white/white-transparent.png b/Assets/white/white-transparent.png new file mode 100644 index 0000000..17965c4 Binary files /dev/null and b/Assets/white/white-transparent.png differ diff --git a/Assets/white/white.jpg b/Assets/white/white.jpg new file mode 100644 index 0000000..c9badfd Binary files /dev/null and b/Assets/white/white.jpg differ diff --git a/Assets/white/white.png b/Assets/white/white.png new file mode 100644 index 0000000..d64efd7 Binary files /dev/null and b/Assets/white/white.png differ diff --git a/Assets/white/white.svg b/Assets/white/white.svg new file mode 100644 index 0000000..f63f07f --- /dev/null +++ b/Assets/white/white.svg @@ -0,0 +1,21 @@ + + + + + + + + + + + + + + + + + + + + + diff --git a/README.md b/README.md index 1858b40..d232069 100644 --- a/README.md +++ b/README.md @@ -1,3 +1,85 @@ +# 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 | +|-|-| +| ![](https://github.com/prisma/presskit/raw/main/Assets/full-color/full-color.png) | ⬇️ [**SVG**](https://github.com/prisma/presskit/raw/main/Assets/full-color/full-color.svg) • ⬇️ [**PNG**](https://github.com/prisma/presskit/raw/main/Assets/full-color/full-color.png) • ⬇️ [**PNG (transparent)**](https://github.com/prisma/presskit/raw/main/Assets/full-color/full-color-transparent.png) • ⬇️ [**JPG**](https://github.com/prisma/presskit/raw/main/Assets/full-color/full-color.jpg) | + +### Black +For light backgrounds when a single-color logo is required. + +| Preview | Downloads | +|-|-| +| ![](https://github.com/prisma/presskit/raw/main/Assets/black/black.png) | ⬇️ [**SVG**](https://github.com/prisma/presskit/raw/main/Assets/black/black.svg) • ⬇️ [**PNG**](https://github.com/prisma/presskit/raw/main/Assets/black/black.png) • ⬇️ [**PNG (transparent)**](https://github.com/prisma/presskit/raw/main/Assets/black/black-transparent.png) • ⬇️ [**JPG**](https://github.com/prisma/presskit/raw/main/Assets/black/black.jpg) | + +### White +For dark backgrounds when a single-color logo is required. + +| Preview | Downloads | +|-|-| +| ![](https://github.com/prisma/presskit/raw/main/Assets/white/white.png) | ⬇️ [**SVG**](https://github.com/prisma/presskit/raw/main/Assets/white/white.svg) • ⬇️ [**PNG**](https://github.com/prisma/presskit/raw/main/Assets/white/white.png) • ⬇️ [**PNG (transparent)**](https://github.com/prisma/presskit/raw/main/Assets/white/white-transparent.png) • ⬇️ [**JPG**](https://github.com/prisma/presskit/raw/main/Assets/white/white.jpg) | + +### Grayscale +For monochrome print or muted contexts. + +| Preview | Downloads | +|-|-| +| ![](https://github.com/prisma/presskit/raw/main/Assets/grayscale/grayscale.png) | ⬇️ [**SVG**](https://github.com/prisma/presskit/raw/main/Assets/grayscale/grayscale.svg) • ⬇️ [**PNG**](https://github.com/prisma/presskit/raw/main/Assets/grayscale/grayscale.png) • ⬇️ [**PNG (transparent)**](https://github.com/prisma/presskit/raw/main/Assets/grayscale/grayscale-transparent.png) • ⬇️ [**JPG**](https://github.com/prisma/presskit/raw/main/Assets/grayscale/grayscale.jpg) | + +### Custom (knockout) +A single-color knockout version for use on top of a solid brand color. + +| Preview | Downloads | +|-|-| +| ![](https://github.com/prisma/presskit/raw/main/Assets/custom/custom.png) | ⬇️ [**SVG**](https://github.com/prisma/presskit/raw/main/Assets/custom/custom.svg) • ⬇️ [**PNG**](https://github.com/prisma/presskit/raw/main/Assets/custom/custom.png) • ⬇️ [**PNG (transparent)**](https://github.com/prisma/presskit/raw/main/Assets/custom/custom-transparent.png) • ⬇️ [**JPG**](https://github.com/prisma/presskit/raw/main/Assets/custom/custom.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**](https://github.com/prisma/presskit/raw/main/Assets/logo-mark/logo-mark.svg) • ⬇️ [**PNG**](https://github.com/prisma/presskit/raw/main/Assets/logo-mark/logo-mark.png) • ⬇️ [**PNG (transparent)**](https://github.com/prisma/presskit/raw/main/Assets/logo-mark/logo-mark-transparent.png) • ⬇️ [**JPG**](https://github.com/prisma/presskit/raw/main/Assets/logo-mark/logo-mark.jpg) | + +# Web & Social + +| Asset | Preview | Download | +|-|-|-| +| Favicon (32×32) | | ⬇️ [**PNG**](https://github.com/prisma/presskit/raw/main/Assets/favicon.png) | +| Webclip (144×144) | | ⬇️ [**PNG**](https://github.com/prisma/presskit/raw/main/Assets/webclip.png) | +| Social avatar (500×500, 1:1) | | ⬇️ [**PNG**](https://github.com/prisma/presskit/raw/main/Assets/social-avatar.png) | + +
+ +✉️ If you have any **questions** or want to use these assets for your *project* or *website*, please [**reach out to us**](mailto:hello@prisma.io).
+👉 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](https://github.com/github/mona-sans) +- **Body** - [Inter](https://fonts.google.com/specimen/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. @@ -25,51 +107,3 @@ Built something awesome with Prisma? 🌟 Show it off with these badges, perfect Made with Prisma ``` -

- - -# Brand - -ℹ️ These *guidelines* will help you to make a **correct use** of the **Prisma brand**.
-👉 The **Prisma symbol** 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
- -### Dark Version -| Logo | Symbol | -|-|-| -| ![](https://github.com/prisma/presskit/raw/main/Assets/Preview-Prisma-DarkLogo.png) | ![](https://github.com/prisma/presskit/raw/main/Assets/Preview-Prisma-DarkSymbol.png) | -| ⬇️ [**PNG**](https://github.com/prisma/presskit/raw/main/Assets/Prisma-DarkLogo.png) • ⬇️ [**SVG**](https://github.com/prisma/presskit/raw/main/Assets/Prisma-DarkLogo.svg) | ⬇️ [**PNG**](https://github.com/prisma/presskit/raw/main/Assets/Prisma-DarkSymbol.png) • ⬇️ [**SVG**](https://github.com/prisma/presskit/raw/main/Assets/Prisma-DarkSymbol.svg) | - -### Light Version -| Logo | Symbol | -|-|-| -| ![](https://github.com/prisma/presskit/raw/main/Assets/Preview-Prisma-LightLogo.png) | ![](https://github.com/prisma/presskit/raw/main/Assets/Preview-Prisma-LightSymbol.png) | -| ⬇️ [**PNG**](https://github.com/prisma/presskit/raw/main/Assets/Prisma-LightLogo.png) • ⬇️ [**SVG**](https://github.com/prisma/presskit/raw/main/Assets/Prisma-LightLogo.svg) | ⬇️ [**PNG**](https://github.com/prisma/presskit/raw/main/Assets/Prisma-LightSymbol.png) • ⬇️ [**SVG**](https://github.com/prisma/presskit/raw/main/Assets/Prisma-LightSymbol.svg) | - -

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

- -## Typography - -- **Headings** - [Barlow](https://fonts.google.com/specimen/Barlow) -- **Body** - [Inter](https://fonts.google.com/specimen/Inter) -- **Code** - [Roboto Mono](https://fonts.google.com/specimen/Roboto+Mono) -

- - -## Best Practices -These are some basic guidelines on how _not_ to use our logo, for clarity and aesthetics.

- -| Logo | Guidelines | -|-|-| -| ![](https://user-images.githubusercontent.com/35201107/216070632-66e06f99-da38-4821-83df-317794a625c6.png) | ![](https://user-images.githubusercontent.com/35201107/216070633-93973b33-b8fa-4494-ac96-14ae4a53c0cc.png) | -| Don't use shadows | Don't stretch the logo | -| ![](https://user-images.githubusercontent.com/35201107/216070629-c365405d-8758-4e40-8789-efca59e5f5bd.png) | ![](https://user-images.githubusercontent.com/35201107/216070630-01100f3c-2154-4b57-bed3-2ac16ec35343.png) | -| Use the logo in the right proportions | Don't use other colors or gradients | -| ![](https://user-images.githubusercontent.com/35201107/216315464-f5b015f4-29f2-40f7-88a1-5f7021fdf7f1.png) | ![](https://user-images.githubusercontent.com/35201107/216315465-f6de0b61-645c-4db5-9bae-a07e48e523c9.png) | -| Don't stack the logo | Don't rebrand it to your own product/project | -| ![](https://user-images.githubusercontent.com/35201107/216070634-c336c936-29c8-49d7-ae6f-1f2015c6aab2.png) | ![](https://user-images.githubusercontent.com/35201107/216070631-9c78b382-e0f7-4cca-b772-1928b5fb3093.png) | -| Only use the prisma colors | Don't put the logo on top of images |