> ## Documentation Index
> Fetch the complete documentation index at: https://docs.cove.trade/llms.txt
> Use this file to discover all available pages before exploring further.
# Brand Kit
> Official Cove brand assets, color palette, typography, and usage guidelines.
Everything you need to represent Cove correctly — logos, colors, typefaces, and downloadable assets.
All assets on this page are official. Use them as-is — do **not** alter proportions, colors, or spacing.
***
## Logo
The Cove logo mark is a geometric shield derived from a singular block that has been softened and opened. The three distinct segments represent "coves" — protected inlets that offer shelter across different chains — while the rounded edges and deliberate negative space evoke a sense of accessibility and comfort.
### Logo Mark
### Horizontal Logo
### SVG Logos
Vector formats for pixel-perfect rendering at any size.
### Cove Buy Logo
The Cove Buy product has its own dedicated logo variant.
### Logo Spacing
To ensure our logo always remains clear and legible, maintain a clear-space area around the logo equal to the full height/width of the Logo Mark. This is the **minimum** clear-space required — always use more when possible.
Do **not** alter the logo — no stretching, recoloring, adding effects, or changing proportions.
***
## Color Palette
This color palette was specifically designed to align with the Cove brand strategy, which moves away from typical "meme-heavy" or "lighthearted" crypto aesthetics in favor of a **confident and functional** identity.
### Core Colors
`#007AFF`
The primary kinetic driver. Used to highlight action, symbolize innovation, and ensure the brand feels modern and energetic.
`#00061A`
Deep, grounded background tone for dark surfaces.
`#001789`
Secondary accent for depth layers and gradients.
`#F4F7FF`
Light mode background with a subtle cool tint.
### Primary Gradient
Cove's brand colors allow for the creation of "soft but expensive-looking gradients." These gradients add dimensionality and a sense of **premium** quality without becoming overly distracting.
**Exercise restraint** — use gradients intentionally. They should enhance the message, not distract from it.
***
## Typography
### Primary Typeface — Plus Jakarta Sans
Selected to bridge the gap between technical precision and human-centric design. The font's clean lines and circular curves echo the "rounded block" philosophy of the logo.
Plus Jakarta Sans — SemiBold
Plus Jakarta Sans — Regular for body text
**Usage:**
* **Headlines** → SemiBold (600)
* **Body copy** → Regular (400) or Medium (500)
### Secondary Typeface — Roboto Mono
An anonymous and neutral coding font focused on creating a better reading experience.
Roboto Mono — 0123456789 ABCDEF
**Usage:**
* Small numerical values
* Coding visuals & code snippets
* Supplementary type
***
## Brand Expression
### Cove-Flow
Cove-Flow is the engine driving the visual identity. It encompasses the liquid motion of assets moving across the bridgeless void — rendered in Azure and Resolution Blue to prove that complex trades can be smooth, direct, and effortless.
In motion, this energy becomes the visual heartbeat — shaping transitions and purposeful text appearances to maintain constant momentum. Closely imitating light caustics caused by flowing water, it instills video-based content with calm, seamless, yet progressive motion.
### Emboss Treatment
While the logo exists as a flat, precision-engineered SVG for core functionality, it should be **embossed in all brand communications.** Embossing the logo gives Cove identity a tactile, confident presence.
By moving beyond flat digital trends, this treatment creates a "refined and expensive" aesthetic that signals high-end engineering.
### Noise Texture
When using gradients or blurs, a subtle noise texture softens the image while adding grit.
**To recreate:**
1. Above your image, create a solid color layer — `#4D4D4D`
2. Apply noise filter at **400%** strength
3. Set the blending mode to **Soft Light**
4. Set the opacity to around **20%**
***
## Usage Rules
* ✅ Use logos with proper clear-space
* ✅ Use on backgrounds that provide strong contrast
* ✅ Use Plus Jakarta Sans for all headlines and body copy
* ✅ Use Roboto Mono for code and numerical values
* ✅ Apply gradients subtly — they should **enhance**, not overpower
* ❌ Do not stretch, skew, or rotate the logo
* ❌ Do not change the logo colors
* ❌ Do not add effects (shadows, glows, outlines) to the logo
* ❌ Do not place the logo on busy backgrounds without clear space
* ❌ Do not use "meme-heavy" or overly casual visual styles