> ## Documentation Index
> Fetch the complete documentation index at: https://docs.momentrates.xyz/llms.txt
> Use this file to discover all available pages before exploring further.

# Brand kit

> Moment logos, colours, typography and usage rules for partners, exchanges and press.

**Moment — trade moments of yield.**

Everything you need to represent Moment correctly: the logo, colours, typography, and the rules for using them. If you're a partner, an exchange, or writing about us, start here.

> [!NOTE]
>
> The primary logo is built for dark backgrounds. On light backgrounds, use the reversed (dark-ink) versions noted below.

## Logo

The Moment logo is the three-bar mark, followed by the lowercase word **moment**. The mark is a symbol, not a letter — the word keeps its own m. The standalone icon is that same mark on its own.

![Moment wordmark](https://mintcdn.com/moment-0fa29e7e/5c4BULtyWxFid-gy/images/moment-wordmark.svg?fit=max\&auto=format\&n=5c4BULtyWxFid-gy\&q=85\&s=863bf6980a18b680f0c54e071fd5390f)

### Wordmark

| Variant | Best on | Download |
| - | - | - |
| Primary — gold + paper | Dark backgrounds | [SVG](https://docs.momentrates.xyz/images/moment-wordmark.svg) |
| Reversed — dark ink | Light or gold backgrounds | [SVG](https://docs.momentrates.xyz/images/moment-wordmark-reversed.svg) |

### Icon

| Variant | Best on | Download |
| - | - | - |
| Icon — gold | Dark or neutral backgrounds | [SVG](https://docs.momentrates.xyz/images/moment-icon.svg) · [PNG 256](https://docs.momentrates.xyz/images/moment-icon-256.png) · [1024](https://docs.momentrates.xyz/images/moment-icon-1024.png) |
| Icon — one-colour (mono) | Stamps, embossing, single-ink | [SVG](https://docs.momentrates.xyz/images/moment-icon-mono.svg) |
| Icon — reversed | Gold backgrounds | [SVG](https://docs.momentrates.xyz/images/moment-icon-reversed.svg) |
| App tile / avatar | App icons, social avatars | [SVG](https://docs.momentrates.xyz/images/moment-app-tile.svg) · [on gold](https://docs.momentrates.xyz/images/moment-app-tile-gold.svg) |
| Favicon | Browser tabs | [SVG](https://docs.momentrates.xyz/images/moment-favicon.svg) |

### Clear space & minimum size

Keep clear space of at least **one bar's width** around the logo on every side. Don't place it smaller than **120px** wide (wordmark) or **24px** (icon).

## Using the logo

**Please do**

* Use the supplied logo files, unaltered.
* Use the reversed or mono version on a gold or busy background.
* Keep the full clear space around the mark.
* Write "Moment" with a capital M in running text — the lowercase form is the wordmark only.

**Please don't**

* Recolour the logo. Use only the supplied colourways: gold + paper, dark ink (reversed) or Brass (one-colour).
* Stretch, rotate, skew, or add shadows, gradients, or outlines.
* Redraw the mark, change the bar heights, or add a fourth bar.
* Rebuild the lockup by eye — the gap between mark and word is fixed at 0.22em.
* Place the logo on a low-contrast background where it's hard to read.

## Colour

| Name | Hex | Use |
| - | - | - |
| **Dune Gold** | `#E0B563` | Primary brand colour, logo |
| Brass | `#C2953F` | Secondary / one-colour logo |
| Champagne | `#E8CFA0` | Highlight |
| Bronze | `#8F6A2E` | Depth |
| Midnight Dune | `#14110A` | Dark background |
| Dune Paper | `#F6EFE1` | Light background / text on dark |

Gold `#E0B563` is the one colour to get right — it's the brand.

## Typography

| Typeface | Use |
| - | - |
| **Space Grotesk** | Display and headings |
| **Inter** | Body text |
| **JetBrains Mono** | Numbers, rates, addresses |

All three are free and open-source (SIL Open Font License) via Google Fonts.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.