Brand Kit

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.

PNG

SVG

PNG

SVG

PNG

SVG

PNG

SVG

L:10

CORAL PROTOCOL

PNG

SVG

L:100

CORAL PROTOCOL

PNG

SVG

PNG

SVG

PNG

SVG

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.

PNG

PNG

PNG

PNG

PNG

PNG

PNG

PNG

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.