# Synergy Brand Overview

<figure><img src="https://2268359679-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2TcytAuTjNUbSRAmcxEC%2Fuploads%2FhwQJ3qauu8Pv1JpQEPr4%2FBrand%20Overview.jpg?alt=media&#x26;token=2993eefa-17e9-4a3c-ab45-de52e6d7562b" alt=""><figcaption></figcaption></figure>

This appendix outlines the key visual and communication standards for the Synergy ecosystem.\
Every color, font, and mark exists to communicate a single idea: clarity through connection.

### **Core Colors**

| Name                           | HEX       | Use Case                   | Meaning                            |
| ------------------------------ | --------- | -------------------------- | ---------------------------------- |
| **Synergy Blue**               | `#42B0FF` | Primary brand color        | Trust, intelligence, collaboration |
| **Synergy Black**              | `#000000` | Backgrounds, structure     | Foundation, depth, contrast        |
| **Synergy White**              | `#FFFFFF` | Text, backgrounds, balance | Clarity, openness, neutrality      |
| **Synergy Marketing Green**    | `#20F2B6` | Marketing, outreach        | Growth, communication, momentum    |
| **Synergy Development Purple** | `#9E20F2` | Development, technology    | Innovation, evolution, creativity  |

**Gradient Usage:**\
Gradients combine primary and accent tones (Blue → Green or Blue → Purple). They should feel fluid and minimal, suggesting energy without distraction.

**Contrast Guidance:**\
Always maintain a strong contrast between text and background. Blue, Green, and Purple are best used against white or black, and they should never be layered directly together.

### **Typography**

**Primary Headers**

* *Font:* **Blauer Neue Bold / Semi-Bold**
* *Use:* Titles, section headers, UI labels.
* *Character:* Modern, geometric, confident
* *Notes:* Keep spacing open. Avoid all-caps except for abbreviations or ticker references like $SYNERGY.

**Body Text**

* *Font:* **Neue Machina Inktrap Regular**
* *Use:* Paragraphs, documentation, long-form copy.
* *Character:* Human-readable, refined, slightly technical
* *Notes:* Maintain comfortable line height for clarity. Avoid italic styling in UI or documentation contexts.

**Accent Text**

* *Font:* Blauer Neue Medium
* *Use:* Subheadings, callouts, or numerical displays.
* *Character:* Clean and supportive, a link between headers and body text.

### **Logo System**

**Primary Logo**

* Name: **Synergy**
* Color: **Synergy Blue (#42B0FF)**
* Use: Core identity, main product interface, brand site.

**Secondary Logos**

* **Synergy Marketing** — *#20F2B6*
  * Represents communication, partnerships, and outreach
* **Synergy Development** — *#9E20F2*
  * Represents engineering, intelligence, and network evolution

#### **Logo Variations**

* *Light Variant:* Use on dark backgrounds (primary color icon with white logotype)
* *Dark Variant:* Use on light backgrounds (primary color icon with black logotype)
* *Stacked Variant:* Icon above logotype for compact or square layouts

**Clear Space Rule:**\
Leave space equal to the height of the “S” in Synergy around all sides of the logo.\
Avoid placing the logo inside boxes, gradients, or busy images.

**Do Not:**

* Modify the logo shape or letterforms.
* Change the proportions between icon and text.
* Add shadows or outlines.
* Use outdated color combinations.