# Media Kit

Official brand assets and design guidelines for DeFindex.

***

## Brand Identity

**Name:** DeFindex (always written with capital "D" and "F")

**Domain:** defindex.io

**Sector:** DeFi (Decentralized Finance) on Stellar/Soroban

**Value Proposition:** Automated savings accounts with diversified DeFi portfolio

**Brand Personality:** Professional, accessible, modern, trustworthy. DeFindex simplifies DeFi for everyone.

### Official Taglines

* "DeFi made easy."
* "Empower your wallet."
* "We grow together."
* "Achieve more with automated DeFi."

### Tone of Voice

* Clear, direct, without unnecessary technical jargon
* Conveys trust and simplicity
* Inclusive: addresses both new and experienced DeFi users
* Never alarmist, never exaggerated hype
* Professional but approachable

***

## Usage Guidelines

* Use assets exactly as provided without modifications
* Maintain safety margin around logos (at least symbol height on each side)
* Minimum logo size: 40px height (digital) / 14mm (print)
* Never rotate, distort, or change opacity
* Never apply logo on backgrounds with insufficient contrast
* For minimal applications (favicons, social avatars), use only the Symbol

***

## DeFindex Symbol

Two intertwined arrows forming a cyclical pattern, representing automated reinvest.

| Light Background                                | Dark Background                              | Monochrome                                   |
| ----------------------------------------------- | -------------------------------------------- | -------------------------------------------- |
| ![Symbol Gradient](/files/YKnfyq3CK50W52XhNjg3) | ![Symbol White](/files/HHu43v9IuJ4IS7FbPP15) | ![Symbol Black](/files/nqDF4ZSFf1SzFeif1qwR) |

***

## DeFindex Logo

Complete signature: Symbol + Wordmark in Familjen Grotesk Bold.

### Horizontal

| Light Background                                         | Dark Background                                       | Monochrome                                            |
| -------------------------------------------------------- | ----------------------------------------------------- | ----------------------------------------------------- |
| ![Logo Horizontal Gradient](/files/H7scddJZFBzl4S8QI5dB) | ![Logo Horizontal White](/files/RQzcHrxz03q4OiqGPZBt) | ![Logo Horizontal Black](/files/A7CnfJJU4E48pxng9Ra2) |

### Vertical

| Light Background                                       | Dark Background                                     | Monochrome                                          |
| ------------------------------------------------------ | --------------------------------------------------- | --------------------------------------------------- |
| ![Logo Vertical Gradient](/files/u0iHowyGpGia7hAHZKYE) | ![Logo Vertical White](/files/hHA4sp6TMrrlhOWbbBPy) | ![Logo Vertical Black](/files/2ekCRsziWiZAseRVwFxa) |

### Logo Color Variants

| Context                    | Symbol             | Wordmark             |
| -------------------------- | ------------------ | -------------------- |
| Light background (primary) | Lavender `#DEC9F4` | Dark Green `#014751` |
| Dark background (primary)  | Lavender `#DEC9F4` | White `#FFFFFF`      |
| Monochrome light           | Dark Green         | Dark Green           |
| Monochrome dark            | White              | White                |

***

## Color Palette

| Color           | HEX       | RGB           | Usage                                 |
| --------------- | --------- | ------------- | ------------------------------------- |
| **White**       | `#FFFFFF` | 255, 255, 255 | Light backgrounds, text on dark       |
| **Dark Green**  | `#014751` | 1, 71, 81     | Primary. Titles, text, backgrounds    |
| **Lavender**    | `#DEC9F4` | 221, 201, 244 | Primary. Logo symbol, accents         |
| **Light Green** | `#D3FFB4` | 211, 255, 180 | Accent. Highlights, soft backgrounds  |
| **Light Cyan**  | `#D3FBFF` | 211, 251, 255 | Accent. Backgrounds, graphic elements |
| **Coral**       | `#FC5B31` | 252, 91, 49   | Strong accent. Emphasis, CTAs         |

### Color Usage Rules

* **White, Dark Green, and Lavender** are frequently used: titles, subtitles, descriptive text
* **Light Green, Light Cyan, and Coral** are accent colors: highlights, boxes, buttons
* **Coral** is used for emphasis and keywords in italics within headlines
* Always ensure contrast and legibility
* **Never** use colors outside this palette

***

## Typography

| Font                 | Usage                            | Weights                         |
| -------------------- | -------------------------------- | ------------------------------- |
| **Familjen Grotesk** | Headlines, titles, featured info | Regular, Medium, SemiBold, Bold |
| **Inter Tight**      | Subtitles, body text             | Regular, Medium, SemiBold       |

Both fonts are available on [Google Fonts](https://fonts.google.com/).

### Typography Rules

* Headlines: **Familjen Grotesk** Bold or SemiBold
* Body text: **Inter Tight** Regular or Medium
* Emphasis keyword in headlines: **italic** + **Coral** color
* Maintain clear hierarchy
* Never mix more than 2 font weights in the same piece
* Fallback: `system-ui, -apple-system, "Segoe UI", sans-serif`

***

## Visual Elements

### Glass Elements (3D)

Translucent 3D shapes with glassmorphism aesthetic, colored in **duotone** using brand palette combinations.

|                                          |                                          |                                          |
| ---------------------------------------- | ---------------------------------------- | ---------------------------------------- |
| ![Glass 01](/files/I6D3wFypjycEK65rSItA) | ![Glass 03](/files/ASXJxd1U1Bd3HJu2dkfr) | ![Glass 05](/files/4FjI6wXEYfEGhTVTIfWq) |

**Rules:**

* Always translucent, never solid or opaque
* Types: interlocking tori/rings, crystalline shapes, fluid blobs
* Use combinations like Dark Green + Lavender, Coral + Light Cyan

### Gradients

Soft, diffused gradients using brand palette colors.

|                                             |                                             |
| ------------------------------------------- | ------------------------------------------- |
| ![Gradient 01](/files/Aenph1kYIC7NJHlNq6DY) | ![Gradient 03](/files/G3FUjELyw5wyWYLCGHbk) |

**Approved combinations:**

* Cyan → Light Green → Lavender
* Coral → Light Cyan
* Lavender → Coral
* Light Cyan → Lavender
* Light Green → Lavender → Coral

Gradients must be **soft and diffused**, never with abrupt transitions.

***

## Icons

| Vault                                 | Strategies                                 | User                                 | Graph                                 | Group                                 |
| ------------------------------------- | ------------------------------------------ | ------------------------------------ | ------------------------------------- | ------------------------------------- |
| ![Vault](/files/317O9YWirsOQzqx3vlH4) | ![Strategies](/files/rZ7lB758B32LFzkK5n3Z) | ![User](/files/y6xC1shYfgfKrOQDsYUp) | ![Graph](/files/2z1lrl6bMFuVLYTqfrrR) | ![Group](/files/jebscLoXedg50jo7Xm7Q) |

***

## Do's and Don'ts

### ✅ Do

* Use generous whitespace - the brand breathes
* Prioritize clean backgrounds (white, Dark Green, or soft gradients)
* Use glass 3D elements as hero visuals
* Write "DeFindex" with capital D and F

### ❌ Don't

* Use colors outside the 6-color palette
* Rotate, distort, or alter the logo
* Apply logo as watermark with reduced opacity
* Use aggressive "crypto bro" aesthetic (rockets, moons, diamonds)
* Create visually noisy or saturated compositions
* Create opaque 3D elements - always translucent glass aesthetic


---

# Agent Instructions: 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:

```
GET https://docs.defindex.io/contact-us/media-kit.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
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.