Brand

Brand guidelines.

Resources and guidelines for using the ClusterCode brand in your content, integrations, and community projects.

Logo

Primary lockup

Icon (mark)

On light surfaces

Color palette

Cyan Blue (Primary)

#10c0f0 · --green

Cyan Blue Dim

#0a90b8 · --green-dim

Blue (Secondary)

#0080e0 · --color-brand-blue

Azure

#0070d0 · --color-brand-azure

Gold

#d4a520 · --color-brand-gold

Forest

#2d6e2d · --color-brand-forest

Red (Error)

#f44747 · --red

Dark Background

#1e1e1e · --bg

Surface

#252526 · --surface

Surface 2

#2d2d2d · --surface2

Surface 3

#333333 · --surface3

Border

#3c3c3c · --border

Border 2

#4a4a4a · --border2

Text Primary

#cccccc · --text

Text Secondary

#808080 · --muted

Text Tertiary

#616161 · --muted2

Typography

Inter

Body text, headings, navigation

JetBrains Mono

Code, labels, metadata

Usage guidelines

Do

Use the logo on dark backgrounds with adequate contrast

Maintain clear space around the logo equal to the logo height

Use the provided SVG format for web and PNG for documents

Reference the teal-to-blue gradient for brand accent elements

Don't

Stretch, rotate, or distort the logo

Place the logo on busy or low-contrast backgrounds

Alter the logo colors or add effects

Use the logo at sizes smaller than 24px height