initiate branding info page

Author: yuhattor

config/_default/menus.en.yaml

@@ -124,6 +124,10 @@ main:
     URL: about/sponsors
     parent: about
     weight: 5
+  - name: Brands & Logos
+    URL: about/branding
+    parent: about
+    weight: 6
   - name: GitHub
     URL: https://github.com/InnerSourceCommons
     parent: about

content/en/about/branding.md

@@ -0,0 +1,91 @@
+---
+title: "InnerSource Commons Foundation Branding Guidelines"
+subtitle: "How to use our brand assets"
+description: "InnerSource Commons Foundation branding guidelines."
+image: "/images/logo.png"
+---
+
+## Logo and Icon Variations
+
+Our primary Icon and logo are simple black-and-white, emphasizing clarity, simplicity, and versatility.
+
+<img src="/branding/InnerSourceCommons-Icon.svg" alt="InnerSource Commons Logo" height="100px" />
+<span style="height:100px;border-right: 0.5px solid #888; display: inline-block;margin:0px 10px 0px; 10px;vertical-align: top;"></span>
+<img src="/branding/InnerSourceCommons-Logo.svg" alt="InnerSource Commons Logo" height="100px" />
+
+### Variants:
+
+* **Black Text**: Icon accompanied by the words "InnerSource Commons."
+* **Icon Only**: Standalone icon suitable for limited-space usage.
+
+### Logo Usage Guidelines:
+
+* Always maintain proportional scaling.
+* Do not alter or recolor the logo.
+* Use the provided black-and-white versions for consistency.
+
+## Color Palette
+
+The InnerSource Commons Foundation employs a carefully selected color palette based on principles of the golden ratio for visual harmony, universal design, and accessibility standards.
+
+### Main Colors
+
+| Color Role     | Hex Code | Description                                  | Suggested Contrast Pairings            |
+| -------------- | -------- | -------------------------------------------- | -------------------------------------- |
+| <span style="color:#00A0A0">**Primary**</span>    | #00A0A0  | Calm, modern teal; conveys trust and harmony | White (#FFFFFF), Dark Teal (#006262)   |
+| <span style="color:#006262">**Dark Teal**</span> | #006262  | Depth, contrast, and accessibility           | White text for WCAG 2.1 AAA compliance |
+| <span style="color:#00DEDE">**Light Teal**</span> | #00DEDE  | Highlights, hover states, gentle accents     | Dark Teal (#006262), Black text        |
+
+### Accent Color
+
+| Color Role        | Hex Code | Description                                        | Suggested Contrast Pairings     |
+| ----------------- | -------- | -------------------------------------------------- | ------------------------------- |
+| <span style="color:#FFB800">**Accent Yellow**</span> | #FFB800  | High-visibility for call-to-actions and highlights | Dark Teal (#006262), Black text |
+
+
+<!-- For internal:
+
+### Note: Rationale:
+
+* **Harmony**: Employs golden ratio-based gradients for visual harmony and stability.
+* **Accessibility**: Adheres to WCAG 2.1 contrast guidelines, ensuring readability and usability.
+* **Universal Design**: Colors chosen for clarity and ease of identification by individuals with color vision deficiencies (P-type, D-type).
+-->
+
+## Typography
+
+The official typeface for InnerSource Commons Foundation communications is **PT Sans Bold**. This ensures readability and brand consistency across all communications, both digital and printed.
+
+## Trademarks
+
+InnerSource Commons Foundation holds five registered trademarks:
+
+1. **InnerSource Commons®**
+1. **InnerSource Patterns®**
+1. **InnerSource Summit®**
+1. **InnerSource Learning Path®**
+1. **State of InnerSource®**
+
+Please always use trademarks with clear attribution.
+
+## Legal Information
+
+By using InnerSource Commons Foundation branding materials, you agree to strictly adhere to these guidelines and related trademark usage policies. You acknowledge InnerSource Commons Foundation’s sole ownership of its trademarks and commit not to infringe upon these rights or imply endorsement without explicit written approval.
+
+**Advertising and Promotions:**
+
+* Avoid creating misleading impressions of endorsement or partnership.
+* Clearly differentiate your branding from InnerSource Commons Foundation branding.
+
+**Prohibited Usage:**
+
+* Do not use trademarks in domain names or as part of your product/service names.
+* Third-party merchandise production using our trademarks is prohibited without explicit approval.
+
+---
+
+For further clarification, permissions, or specific usage approvals, please contact us:
+
+📧 [**info@innersourcecommons.org**](mailto:info@innersourcecommons.org)
+
+Thank you for maintaining and protecting the integrity of the InnerSource Commons Foundation brand.