Brand Kit

The Clannect Brand

Everything you need to represent Clannect correctly. Logos, colors, typography, and usage guidelines. Please follow these guidelines when using our brand assets.

Logos

Logo Assets

Use the logo on appropriate backgrounds. Do not distort, recolor, or modify the logo in any way.

Red Logo — Black BackgroundDownload

Red Logo — White BackgroundDownload

White Logo — Black BackgroundDownload

Black Logo — White BackgroundDownload

Icon Assets

The Clannect icon mark — use when the full logo isn't needed, such as favicons, avatars, or small placements.

Red Icon — Black BackgroundDownload

Red Icon — White BackgroundDownload

White Icon — Black BackgroundDownload

Black Icon — White BackgroundDownload

Colors

Color Palette

These are the official New Era product colors from the current Clannect UI. Click a hex value to copy it.

#ff4234

Clannect Red

Primary brand color — CTAs, links, active navigation, highlights

#ff5548

Red Hover

Hover and pressed states for primary red controls

#ff6b5e

Red Soft

Accent text and tertiary red — softer emphasis on dark surfaces

#121214

Canvas

App background, sidebars, and page chrome — dark zinc, not pure black

#18181b

Surface

Cards, panels, and secondary surfaces

#1f1f23

Surface Raised

Nested surfaces, inputs, and tertiary layers

#27272a

Elevated

Highest elevation — menus, popovers, raised cards

rgba(255, 255, 255, 0.06)

Border

Subtle borders and dividers

#f4f4f5

Text Primary

Headlines and primary copy

#a1a1aa

Text Secondary

Body text, labels, descriptions

#71717a

Text Muted

Disabled states, footnotes, helper text

#f59e0b

Amber Accent

Secondary accent — streaks, warnings, emphasis

#22c55e

Green Accent

Success, confirmation, and positive status

Typography

Typefaces

Clannect uses two typefaces sourced from Google Fonts.

Display / Headings

Space Grotesk

700800

Used for all marketing headlines

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789

Body / UI

Inter

400500600

Used for body copy, labels, navigation

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789

Guidelines

Usage Guidelines

Please follow these rules when using Clannect brand assets.

Do

Use the official logo files provided here
Maintain clear space around the logo
Use approved brand colors
Contact us if unsure

Don't

Alter, distort, or recolor the logo
Place the logo on clashing backgrounds
Use the brand to imply endorsement
Create derivative logos or marks

Need something specific?

For press inquiries, partnership use, or custom asset requests, get in touch with us directly.