Add OpenFGA artwork (cncf#362)

* Add OpenFGA assets

* improved OpenFGA asset names, updated readme

projects/openfga/README.md

@@ -0,0 +1,105 @@
+## OpenFGA Artwork
+
+This directory contains artwork in standard formats for OpenFGA. We've prepared artwork in 2 formats (PNG & SVG), 3 layouts:
+
+- horizontal (also known as landscape format),
+- stacked (which is closer to square), and
+- icon (which does not include the name and is square).
+
+Inside each layout's directory, there are assets specifically prepared for light, dark, and sometimes black backgrounds. On black backgrounds, we use an inverted logo: black dots on a white background. Use the table below as a reference.
+
+With many browsers, you can right click and copy the logo of your choice below. Please note that although PNG is more common, SVG files sizes are smaller, supported in all common web browsers, and a high resolution format also suitable for high-resolution screens on web or print.
+
+### OpenFGA Logos in PNG format
+
+<table width="100%">
+    <tr>
+        <th></th>
+        <th>for light backgrounds</th>
+        <th>for neutral-to-dark backgrounds</th>
+        <th>for black backgrounds</th>
+    </tr>
+    <tr>
+        <td>Icon, color</td>
+        <td><img src="./icon/color/openfga-icon-color.png" width="50"></td>
+         <td><img src="./icon/color/openfga-icon-color.png" width="50"></td>
+         <td>-</td>
+    </tr>
+    <tr>
+        <td>Icon, monochrome</td>
+        <td><img src="./icon/monochrome/black/openfga-icon-monochrome_black.png" width="50"></td>
+         <td><img src="./icon/monochrome/black/openfga-icon-monochrome_black.png" width="50"></td>
+        <td><img src="./icon/monochrome/inverse/openfga-icon-monochrome_inverse.png" width="50"></td>
+    </tr>
+    <tr>
+        <td>Horizontal, color</td>
+        <td><img src="./horizontal/color/black/openfga-horizontal-color_black.png" width="210"></td>
+        <td><img src="./horizontal/color/white/openfga-horizontal-color_white.png" width="210"></td>
+        <td>-</td>
+    </tr>
+    <tr>
+        <td>Horizontal, monochrome</td>
+        <td><img src="./horizontal/monochrome/black/openfga-horizontal-monochrome_black.png" width="210"></td>
+        <td><img src="./horizontal/monochrome/white/openfga-horizontal-monochrome_white.png" width="210"></td>
+        <td><img src="./horizontal/monochrome/inverse/openfga-horizontal-monochrome_inverse.png" width="210"></td>
+    </tr>
+    <tr>
+        <td>Stacked, color</td>
+        <td><img src="./stacked/color/black/openfga-stacked-color_black.png" width="50"></td>
+        <td><img src="./stacked/color/white/openfga-stacked-color_white.png" width="50"></td>
+        <td>-</td>
+    </tr>
+        <tr>
+        <td>Stacked, monochrome</td>
+        <td><img src="./stacked/monochrome/black/openfga-stacked-monochrome_black.png" width="50"></td>
+        <td><img src="./stacked/monochrome/white/openfga-stacked-monochrome_white.png" width="50"></td>
+        <td><img src="./stacked/monochrome/inverse/openfga-stacked-monochrome_inverse.png" width="50"></td>
+    </tr>
+</table>
+
+### OpenFGA Logos in SVG format
+
+<table width="100%">
+    <tr>
+        <th></th>
+        <th>for light backgrounds</th>
+        <th>for dark backgrounds</th>
+        <th>for black backgrounds</th>
+    </tr>
+    <tr>
+        <td>Icon, color</td>
+        <td><img src="./icon/color/openfga-icon-color.svg" width="50"></td>
+         <td><img src="./icon/color/openfga-icon-color.svg" width="50"></td>
+         <td>-</td>
+    </tr>
+    <tr>
+        <td>Icon, monochrome</td>
+        <td><img src="./icon/monochrome/black/openfga-icon-monochrome_black.svg" width="50"></td>
+         <td><img src="./icon/monochrome/black/openfga-icon-monochrome_black.svg" width="50"></td>
+        <td><img src="./icon/monochrome/inverse/openfga-icon-monochrome_inverse.svg" width="50"></td>
+    </tr>
+    <tr>
+        <td>Horizontal, color</td>
+        <td><img src="./horizontal/color/black/openfga-horizontal-color_black.svg" width="210"></td>
+        <td><img src="./horizontal/color/white/openfga-horizontal-color_white.svg" width="210"></td>
+        <td>-</td>
+    </tr>
+    <tr>
+        <td>Horizontal, monochrome</td>
+        <td><img src="./horizontal/monochrome/black/openfga-horizontal-monochrome_black.svg" width="210"></td>
+        <td><img src="./horizontal/monochrome/white/openfga-horizontal-monochrome_white.svg" width="210"></td>
+        <td><img src="./horizontal/monochrome/inverse/openfga-horizontal-monochrome_inverse.svg" width="210"></td>
+    </tr>
+    <tr>
+        <td>Stacked, color</td>
+        <td><img src="./stacked/color/black/openfga-stacked-color_black.svg" width="50"></td>
+        <td><img src="./stacked/color/white/openfga-stacked-color_white.svg" width="50"></td>
+        <td>-</td>
+    </tr>
+        <tr>
+        <td>Stacked, monochrome</td>
+        <td><img src="./stacked/monochrome/black/openfga-stacked-monochrome_black.svg" width="50"></td>
+        <td><img src="./stacked/monochrome/white/openfga-stacked-monochrome_white.svg" width="50"></td>
+        <td><img src="./stacked/monochrome/inverse/openfga-stacked-monochrome_inverse.svg" width="50"></td>
+    </tr>
+</table>