docs: update taiko branding guide (#8820)

packages/branding/README.md

@@ -1,11 +1,43 @@
-# Taiko branding
+# Taiko branding guide
 
-This package contains all you need for Taiko branding.
+This package contains all the branding assets for Taiko. 
+
+Included: Logos, Logotypes, Backgrounds, Backdrops and Mockups.
 
 ## Naming
 
-For naming, we use Taiko or Taiko Labs. For the handle, we refer to Taiko with `taikoxyz`, which is where you can find us (ie. twitter: @taikoxyz, github: @taikoxyz). Please maintain this convention.
+Use `Taiko` or `Taiko Labs` for the name.
+
+Use `taikoxyz` for the social handle (e.g., Twitter: [@taikoxyz](https://twitter.com/taikoxyz), GitHub: [@taikoxyz](https://github.com/taikoxyz)).
 
 ## Logos
 
-Use SVG and PNG where you can, as the image quality is better.
+Download vector assets of the Taiko logo:
+
+<img src="https://github.com/taikoxyz/taiko-mono/blob/main/packages/branding/Logo/SVG/Taiko_Logo_Fluo.svg" width="75px"> &nbsp;&nbsp;&nbsp; <img src="https://github.com/taikoxyz/taiko-mono/blob/main/packages/branding/Logo/SVG/Taiko_Token_Fluo-on-Black.svg" width="75px"> &nbsp;&nbsp;&nbsp; <img src="https://github.com/taikoxyz/taiko-mono/blob/main/packages/branding/Logo/SVG/Taiko_Token_White-on-Black.svg" width="75px"> &nbsp;&nbsp;&nbsp; <img src="https://github.com/taikoxyz/taiko-mono/blob/main/packages/branding/Logo/SVG/Taiko_Logo_White-on-Fluo.svg" width="75px">
+
+[Browse Logos](https://github.com/taikoxyz/taiko-mono/tree/main/packages/branding/Logo)
+
+Please use SVG or crushed PNG wherever possible for improved image quality and performance.
+
+## Logotypes
+
+Download vector assets of the Taiko logotype:
+
+<a href="https://github.com/taikoxyz/taiko-mono/blob/main/packages/branding/Logotype/SVG/Taiko_Logotype_Horiz_1_Fluo_Black.svg"><img src="https://github.com/taikoxyz/taiko-mono/blob/main/packages/branding/Logotype/JPG/Taiko_Logotype_Horiz_1_Fluo_Black.jpg" width="75px"></a> &nbsp;&nbsp;&nbsp; <img src="https://github.com/taikoxyz/taiko-mono/blob/main/packages/branding/Logotype/SVG/Taiko_Logotype_Horiz_2_Fluo_White.svg" width="75px"> &nbsp;&nbsp;&nbsp; <img src="https://github.com/taikoxyz/taiko-mono/blob/main/packages/branding/Logotype/SVG/Taiko_Logotype_Square_Fluo_White.svg" width="75px">
+
+[Browse Logotypes](https://github.com/taikoxyz/taiko-mono/tree/main/packages/branding/Logotype)
+
+
+## Fonts
+
+Taiko uses Oxanium as the global font across its identity. The font is licensed under the [Open Font License](https://scripts.sil.org/cms/scripts/page.php?site_id=nrsi&id=OFL). Its specimen and font family can be accessed at: https://fonts.google.com/specimen/Oxanium
+
+## Colors
+
+Primary colors and shades:
+| Color | Hex code  |
+|-------|-----------|
+| Fluo  | `#fc0fc0` |
+| Black | `#000000` |
+| White | `#ffffff` |