add brand assets (hasura#543)

Author: shahidhk

README.md

@@ -54,6 +54,7 @@ Read more at: [https://hasura.io](https://hasura.io) and the [docs](https://docs
     - [Videos](#videos)
 - [Support & Troubleshooting](#support--troubleshooting)
 - [Contributing](#contributing)
+- [Brand assets](#brand-assets)
 - [License](#license)
 
 <!-- markdown-toc end -->
@@ -155,6 +156,30 @@ We are committed to fostering an open and welcoming environment in the community
 
 Check out our [contributing guide](CONTRIBUTING.md) for more details.
 
+## Brand assets
+
+Hasura brand assets (logos, the Hasura mascot, powered by badges etc.) can be
+found in the [assets/brand](assets/brand) folder. Feel free to use them in your
+application/website etc. We'd be thrilled if you add the "Powered by Hasura"
+badge to your applications built using Hasura. ❤️
+
+<div style="display: flex;">
+  <img src="assets/brand/powered_by_hasura_black.svg" width="150px"/>
+  <img src="assets/brand/powered_by_hasura_white.svg" width="150px"/>
+</div>
+
+```html
+<!-- For light backgrounds -->
+<a href="https://hasura.io">
+  <img width="150px" src="https://graphql-engine-cdn.hasura.io/img/powered_by_hasura_black.svg" />
+</a>
+
+<!-- For dark backgrounds -->
+<a href="https://hasura.io">
+  <img width="150px" src="https://graphql-engine-cdn.hasura.io/img/powered_by_hasura_white.svg" />
+</a>
+```
+
 ## License
 
 The core GraphQL Engine is available under the [GNU Affero General Public

assets/brand/README.md

@@ -0,0 +1,19 @@
+# Hasura Brand Assets
+
+All assets are available on a Google Cloud Storage Bucket CDN at `https://graphql-engine-cdn.hasura.io/img/<name>`.
+
+*Note: some logos maybe invisible depending on the page background color.*
+
+| name | asset |
+| ---- | ----- |
+| `hasura_icon_black.svg` | <img src="hasura_icon_black.svg" width="150px" style="background-color: white;" /> |
+| `hasura_icon_white.svg` | <img src="hasura_icon_white.svg" width="150px" style="background-color: black;" /> |
+| `hasura_logo_horizontal_black.svg` | <img src="hasura_logo_horizontal_black.svg" width="150px" style="background-color: white;" /> |
+| `hasura_logo_horizontal_white.svg` | <img src="hasura_logo_horizontal_white.svg" width="150px" style="background-color: black;" /> |
+| `hasura_logo_vertical_black.svg` | <img src="hasura_logo_vertical_black.svg" width="150px" style="background-color: white;" /> |
+| `hasura_logo_vertical_white.svg` | <img src="hasura_logo_vertical_white.svg" width="150px" style="background-color: black;" /> |
+| `hasura_mascot_logo_horizontal.svg` | <img src="hasura_mascot_logo_horizontal.svg" width="150px" style="background-color: white;" /> |
+| `hasura_mascot_logo_vertical.svg` | <img src="hasura_mascot_logo_vertical.svg" width="150px" style="background-color: white;" /> |
+| `hasura_mascot.svg` | <img src="hasura_mascot.svg" width="150px" style="background-color: white;" /> |
+| `powered_by_hasura_black.svg` | <img src="powered_by_hasura_black.svg" width="150px" style="background-color: white;" /> |
+| `powered_by_hasura_white.svg` | <img src="powered_by_hasura_white.svg" width="150px" style="background-color: black;" /> |