> For the complete documentation index, see [llms.txt](https://supersonic-ai.gitbook.io/supersonic-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://supersonic-ai.gitbook.io/supersonic-documentation/extra-resources/branding-kit.md).

# Branding Kit

## Branding Kit

Our branding kit ensures a consistent look and feel across everything we do. Below you’ll find key guidelines for logos, color palettes, and fonts. Use these assets and styles to keep SuperSonic’s identity cohesive and recognizable.

***

### Logo & Wordmarks

We have a few variations of our logo for different use cases. Keep it simple and clean—complex logos can be hard to parse at a glance.

* **Main Logo (Vertical Lockup):**\
  Placeholder for the main SuperSonic logo here.
* **Horizontal Logo:**\
  Placeholder for a horizontal variant (wordmark next to the icon).
* **Icon-Only Version:**\
  A standalone sonic-wave icon for use as favicons, profile pics, or when space is limited.

> **Tip:** Always ensure there’s enough clear space around the logo so it’s easily visible and not crowded by other design elements.

***

### Color Palette

Use these colors to maintain a vibrant and futuristic vibe:

| Color         | Hex       | Usage                                             |
| ------------- | --------- | ------------------------------------------------- |
| **Primary**   | `#F600B0` | Main brand accent (e.g., headlines, highlights)   |
| **Secondary** | `#6200EA` | Supporting accent for backgrounds, icons, etc.    |
| **Dark**      | `#1F1F1F` | Main text and dark backgrounds                    |
| **Light**     | `#FFFFFF` | Body text on dark backgrounds, general whitespace |

> **Note:** Feel free to experiment with gradients and overlays using these core colors to add depth and a modern edge to your designs.

***

### Typography

**Font Family:**

* **Space Grotesk** – Our go-to typeface for a clean, technical feel.

**Recommended Weights:**

* **Bold** for large headings and key highlights.
* **Medium** for sub-headings or secondary emphasis.
* **Regular** for body text and general usage.

**Usage Examples:**

* **Headings:** Space Grotesk Bold, 36px (or larger for hero text)
* **Sub-headings:** Space Grotesk Medium, 24px
* **Body Text:** Space Grotesk Regular, 16px

> **Tip:** Maintain consistent line spacing and margin to keep your text readable and visually appealing.

***

### Visual Elements

* **Sonic Wave Symbol:**\
  Use wave or speed-inspired patterns to represent our fast, interconnected AI agents.
* **Gradients & Overlays:**\
  Layer colors to create dynamic, futuristic effects.
* **Tech-Inspired Avatars:**\
  Use circular or wave-patterned frames for profile pics and icons.

**Examples of Usage:**

* **Banners & Hero Images:** Combine wave patterns, bold headings, and gradients for an energetic first impression.
* **Icons & Avatars:** Keep them minimal, using brand colors for backgrounds and the wave symbol for consistency.

***

### Asset Downloads

[Branding Assets](https://github.com/nicoware-dev/supersonic/tree/main/assets)

> **Remember:** Always use the latest version of our brand assets to maintain consistency. If you have any questions or need a custom design element, feel free to reach out to our team.

***

By following these guidelines, you’ll help keep SuperSonic’s visual identity unified and striking, reflecting our core values of innovation, speed, and user-centric design.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://supersonic-ai.gitbook.io/supersonic-documentation/extra-resources/branding-kit.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.