Brand assets

Logos, marks, brand colors, gradients and the rules around them. Use these to attribute Merkl correctly when displaying Merkl-sourced data, claim flows, or partner co-branding.

Download brand kit (.zip)Attribution guidelines

Logos

The Merkl mark sits in dark theme by default. Light theme is the secondary application. Never recolor, gradient-fill, outline, or skew it.

LogoSymbol · SVG + PNG

LogotypeSymbol + wordmark · SVG + PNG

Favicon

Use for browser tabs, app icons, profile pictures, and any small surface where the full mark won't read.

FaviconPNG

Powered by Merkl

For attribution where a single mark is too small to read, use the "Powered by Merkl" lockup. The canonical asset includes built-in clear space. The condensed variants are for tight surfaces where padding is constrained.

BigWith clear space · SVG

CondensedLeft aligned · SVG

CondensedRight aligned · SVG

Merkl Studio

Sub-brand lockup for the Studio surface (B2B, protocol operators). Use only in Studio contexts. Don't combine with the main Merkl logotype on the same surface.

Merkl StudioSub-brand lockup · SVG + PNG

Logo do's and don'ts

The mark and lockups carry brand recognition. Treat them as fixed components, not editable shapes.

Do

Use the mark on dark surfaces, monochrome.

Use the mark on light surfaces in dark navy.

Use the symbol alone for small surfaces and app icons.

Maintain clear space equal to the cap height of the M.

Don't

Don't recolor the mark with brand-only hues.

Don't rotate or tilt the mark.

Don't stretch, squash, or distort the proportions.

Don't outline. The mark is solid fill.

Don't add shadows, glows, or any effect.

Don't place the mark on a low-contrast background.

Don't combine the mark with another brand inline.

Don't misspell or alter the wordmark.

Minimum size

Below the minimums, the mark stops reading. For ultra-small surfaces, use the favicon variant instead.

Logotype · 80px wide min

Logo · 24px min

Favicon · 16px min

Co-branding

For partner co-branding, place the Merkl logo next to the partner mark separated by a thin vertical rule, both at equal optical height. Use the symbol, not the logotype, in the lockup.

Partner logo

Symbol + partner mark · equal optical height, 24px gap, 1px rule. Order: Merkl on the left when Merkl is the host, otherwise reversed.

Naming in copy

"Merkl" is always Title Case. Product names take Title Case (Merkl App, Merkl Studio, Merkl Pay). Features take sentence case (Reward forwarding, Cross-chain boost).

Merkl

Merkl App

Merkl Studio

Merkl Pay

Don't

MERKL

merkl

MeRkL

merkl.xyz (in body copy)

Merkl® (no registered mark)

Colors

Six brand-kit colors. Click any hex to copy. Purple and Blue are also product UI colors. Teal, Orchid, and Warm Orange live in marketing and illustration only.

Purple

Blue

Dark Navy

Teal

Orchid

Warm Orange

Gradients

Gradients live in the brand layer only, never in product UI. Click any stop list to copy the CSS.

Cold

Green to purple

Blue to orchid

Rainbow

Need a custom layout or asset variant?

For attribution exception requests or partner co-branding, see the attribution guidelines.

Download brand kit Read attribution rules