Brand Kit | Assets for Coral Protocol
Brand Logos
Use the Coral Protocol logo exactly as provided. Do not stretch, crop, recolor, add effects, or place it on backgrounds that make it hard to read or see. Keep clear space around the mark (at least the height of the coral icon on all sides) so it isn’t crowded by other graphics or text. Always use the approved color versions (full-color on light backgrounds, white knockout on dark backgrounds) and avoid pairing the logo with any unapproved taglines or visual elements.
L:10
CORAL PROTOCOL
L:100
CORAL PROTOCOL
Covers and Backgrounds
Use the approved cover images exactly as supplied: place them full-width at the top of a page or slide, scale proportionally (never stretch or crop), and keep all original colors, gradients, and overlays intact. Do not add new text, filters, or graphic elements on top of the artwork; pair them only with Coral’s primary logo and type treatments, leaving at least 48 px of clear space on all sides. When multiple cover options exist, choose the one that best matches the surrounding background contrast—dark covers on light pages, light covers on dark pages—to preserve visual hierarchy and brand consistency.
Color Palette
Use our palette consistently to keep Coral’s voice unmistakable: Primary Black and Primary White form the core background/foreground pair for maximum contrast and readability. Secondary Grey is your workhorse for body copy, UI chrome, and subtle dividers, while Secondary Blue is reserved for interactive elements (links, buttons, active states) so they pop instantly. Deploy Accent Grey sparingly- think highlights, badges, or data visualization accents to add depth without competing with the blue. Never introduce unapproved hues, and maintain generous whitespace so the palette feels crisp, modern, and unmistakably Coral.
Primary Black
#111111
Primary White
#FFFFF
Secondary Grey
#5B5B5B
Accent Grey
#A0A3BD
Secondary Blue
#0472FE
Background Color Usage
On a noisy background, improve readability of text by creating a background rectangle that is the same color as the chosen background color. Place the rectangle layer behind the text, but in front of the background.
Typography
Header text font is always Urbanist, while subheader and body text font is Geist mono. Font weight, letter spacing, and height can be played with but must always remain clean and sophisticated in appearance.