Feat : Add brand assets

content/en/learn/learn/brand-assets.md

@@ -1,7 +1,89 @@
 ---
-title: Brand Assets
+title: XPLA Brand Resources
 weight: 20
 type: docs
 ---
 
-[XPLA Chain brand asset](/brand/XPLA_Chain_brand_asset.zip)
+
+
+## <img src="/images/XPLA_topbox188.png" width="110px" height="110px" title="XPLA_LOGO" alt="XPLA_LOGO"></img>
+
+These XPLA brand resources are designed to support creators, community members, and stakeholders to be on the same page. They reflect the character of XPLA and provide guidelines for consistent branding everywhere. This guide is about XPLA’s brand and trademarks, not the network or chains.
+
+   {{< alert >}}
+   **Logo Usage Notice**
+
+ When you use any XPLA marks or their variations, you acknowledge that they are owned by the XPLA Foundation. You agree that all use of the marks benefits the XPLA Foundation. If you use the marks in connection with any illegal or dishonest activity, the XPLA Foundation has the right to revoke this trademark license. At that time, you will cease any and all use of the mark and any variation thereof.
+   {{< /alert >}}
+<div style="margin-bottom: 40px;"></div>
+
+## Brand Assets
+<hr style="border: none; border-top: 2px solid #0033CC;" />
+
+<a href="https://github.com/xpladev/docs/blob/main/static/brand/XPLA_Chain_Brand_Asset.zip" target="_blank" style="text-decoration: underline;">XPLA Chain Brand Asset ↗</a>
+
+<a href="https://docsend.com/v/kt54f/design_en" target="_blank" style="text-decoration: underline;">XPLA Design Guidelines ↗</a>
+
+<div style="margin-bottom: 40px;"></div>
+
+## Logo
+<hr style="border: none; border-top: 2px solid #0033CC;" />
+
+### Primary Logo
+
+<table style="margin-top: -11px;">
+  <thead>
+    <tr>
+      <th style="text-align:left">Name</th>
+      <th style="text-align:left">SVG</th>
+      <th style="text-align:left">PNG</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <td style="text-align:left">XPLA - Primary</td>
+      <td style="text-align:left"><a href="https://github.com/xpladev/assets/blob/main/logo/SVG/Primary/XPLA.svg" target="_blank"><img src="https://github.com/xpladev/assets/blob/main/logo/PNG/Primary/XPLA.png?raw=true" alt="XPLA Primary SVG" width="109"></a></td>
+      <td style="text-align:left"><a href="https://github.com/xpladev/assets/blob/main/logo/PNG/Primary/XPLA.png" target="_blank"><img src="https://github.com/xpladev/assets/blob/main/logo/PNG/Primary/XPLA.png?raw=true" alt="XPLA Primary PNG" width="109"></a></td>
+    </tr>
+    <tr style="background-color: #004FFF; color: white;">
+      <td style="text-align:left">XPLA - White</td>
+      <td style="text-align:left"><a href="https://github.com/xpladev/assets/blob/main/logo/SVG/White/W_XPLA.svg" target="_blank"><img src="https://github.com/xpladev/assets/blob/main/logo/PNG/White/W_XPLA.png?raw=true" alt="XPLA White SVG" width="100"></a></td>
+      <td style="text-align:left"><a href="https://github.com/xpladev/assets/blob/main/logo/PNG/White/W_XPLA.png" target="_blank"><img src="https://github.com/xpladev/assets/blob/main/logo/PNG/White/W_XPLA.png?raw=true" alt="XPLA White PNG" width="100"></a></td>
+    </tr>
+  </tbody>
+</table>
+
+----------
+
+### Icon (Symbol)
+<table style="margin-top: -11px;">
+  <thead>
+    <tr>
+      <th style="text-align:left">Name</th>
+      <th style="text-align:left">SVG</th>
+      <th style="text-align:left">PNG</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <td style="text-align:left">XPLA Icon - Transparent</td>
+      <td style="text-align:left"><a href="https://github.com/xpladev/assets/blob/main/icon/svg/XPLA.svg" target="_blank"><img src="https://github.com/xpladev/assets/blob/main/icon/XPLA.png?raw=true" alt="XPLA Icon SVG" width="30"></a></td>
+      <td style="text-align:left"><a href="https://github.com/xpladev/assets/blob/main/icon/XPLA.png" target="_blank"><img src="https://github.com/xpladev/assets/blob/main/icon/XPLA.png?raw=true" alt="XPLA Icon PNG" width="30"></a></td>
+    </tr>
+  </tbody>
+</table>
+
+<div style="margin-bottom: 40px;"></div>
+
+## Design System
+<hr style="border: none; border-top: 2px solid #0033CC;" />
+
+<a href="https://www.figma.com/community/file/1361876651431539842" target="_blank"><img src="https://s3-alpha.figma.com/hub/file/6250120614/fefb7e35-976d-435d-a1d5-682707832b65-cover.png" alt="XPLA Primary SVG"></a>
+
+<div style="background-color: rgba(207, 242, 255, 0.3); border-radius: 10px; padding: 30px;">
+  XPLA Design System introduces how XPLA creates digital experiences. It includes styles, UI kits for the XPLA community, and guidelines for anyone interested in building something XPLA-ORDINARY.
+  <div style="margin-bottom: 10px;"></div>
+  <a href="https://www.figma.com/community/file/1361876651431539842" target="_blank" style="text-decoration: underline;">XPLA Design System ↗</a>
+</div>
+
+