×
Clickx
Login Apply Now
§ Volume 01Edition 2026Updated · April 2026Issued · Brand Team

Brand & Identity
System

The complete reference for representing Clickx across every surface, medium, and context. A living document maintained by the brand team.

§ 01 · LogoFIG. 01 — 05

Logo Variants

Use the correct logo variant for each background context. Never alter proportions, colors, or spacing.

Clickx logo — Full Color

Full Color

FIG. 01
Format
SVG·PNG·EPS
Min Size
120px
Use On
Light BG
Clickx logo — Reverse Color

Reverse Color

FIG. 02
Format
SVG·PNG·EPS
Min Size
120px
Use On
Dark BG
Clickx logo — All White

All White

FIG. 03
Format
SVG·PNG·EPS
Min Size
100px
Use On
Photography
Clickx logo — All Black

All Black

FIG. 04
Format
SVG·PNG·EPS
Min Size
100px
Use On
Print / Mono
Clickx logo — Icon Mark

Icon Mark

FIG. 05
Format
SVG·PNG·EPS
Min Size
32px
Use On
Favicon · Avatar

/ Permitted

DO
  • 01Use only on approved background colors
  • 02Maintain clear space equal to the height of the "c"
  • 03Scale proportionally from the center
  • 04Prefer SVG for all digital applications

/ Prohibited

DON'T
  • 01Distort, stretch, or skew the logo
  • 02Apply drop shadows, gradients, or outlines
  • 03Place on busy backgrounds without a container
  • 04Recreate the logo in any other typeface
§ 02 · ColorSPEC. 01 — 12

Color System

Marigold is the anchor. Every supporting color earns its place by amplifying — never competing with — the primary.

No. 01 · PrimaryMarigold

Marigold

Primary brand color · Anchor of the system

HEX
#F8B018
RGB
248·176·24
CMYK
0·35·95·0
PANTONE
137 C
#1E2A38

Deep Navy

No. 02
Hex
#1E2A38
Rgb
30·42·56
Use
Brand Dark
#4C4E60

Darkstone Blue

No. 03
Hex
#4C4E60
Rgb
76·78·96
Use
Secondary
#F6F6F7

Light Haze

No. 04
Hex
#F6F6F7
Rgb
246·246·247
Use
Light BG
#60BBEA

Accent Blue

No. 05
Hex
#60BBEA
Rgb
96·187·234
Use
Links
#EF5023

Accent Red

No. 06
Hex
#EF5023
Rgb
239·80·35
Use
Alert
#BAD531

Accent Green

No. 07
Hex
#BAD531
Rgb
186·213·49
Use
Success
#56A3A6

Muted Teal

No. 08
Hex
#56A3A6
Rgb
86·163·166
Use
Accent
#FF725C

Soft Coral

No. 09
Hex
#FF725C
Rgb
255·114·92
Use
Warm
#FAF3E0

Ivory

No. 10
Hex
#FAF3E0
Rgb
250·243·224
Use
Warm Neutral
#777777

Text Grey

No. 11
Hex
#777777
Rgb
119·119·119
Use
Body
#333333

Charcoal

No. 12
Hex
#333333
Rgb
51·51·51
Use
Dark Text
§ 03 · TypographyMONTSERRAT · 6 WEIGHTS

Type Specimen

Montserrat is the sole typeface of the Clickx brand. Geometric construction, humanist warmth, forward motion.

Aa
FamilyMontserrat
DesignerJulieta Ulanovsky
ClassificationGeometric Sans
LicenseOFL 1.1
Weights300 — 900

Aa

Light

300

Aa

Regular

400

Aa

Semibold

600

Aa

Bold

700

Aa

Extrabold

800

Aa

Black

900

Type ScaleH1 — H4 · BODY

H1 · Display

54pt / 110% / Black

Brand Guidelines

H2 · Section

36pt / 110% / Regular

Visual Identity

H3 · Subsection

21pt / 120% / Semibold

Color System

H4 · Label

16pt / 120% / Bold

Primary Button

Body · Italic

22pt / 150% / Italic

Our brand is built on clarity, trust, and momentum — every element reinforces a singular mission.

Character SetRegular · 400

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789. , : ; ! ? @ # $ % & * ( ) + / —

§ 04 · ElementsUI · COMPONENTS

Interface Kit

Core interactive elements used across all Clickx web properties. Maintain these specifications for consistency.

ButtonsA · B

A · Primary

Get Started
Fill
#F8B018
Radius
14px
Height
60px
Weight
800

B · Outline

Learn More
Border
3px · #F8B018
Fill
Transparent
Hover
Fill gold
Text & LinksHIERARCHY

Primary white text

Secondary body — paragraphs and descriptions.

Muted text for metadata, captions, and labels.

Link style · Accent Blue

Highlighted · active gold text

Badges & Pills

FeaturedCategoryActiveAlert
Background Contexts3 SURFACES

Surface · Dark

Aa — Dark / Black

Primary surface. 4.5:1 contrast minimum.

Surface · Mid

Aa — Mid Dark

Elevated sections. Sibling of dark.

Surface · Warm

Aa — Ivory / Warm

Editorial surface. Use sparingly.

§ 05 · Sub-BrandsFIG. 01 — 04 · PRODUCTS

Product Marks

Each Clickx product carries a dedicated mark that extends the parent system while expressing individual identity. Color and reverse variants supplied.

Clickx Network — color variant
Clickx Network — reverse variant

Clickx Network

FIG. 01

The community and partner network platform

Slugclickx.networkColor ↓Reverse ↓
SCALE — color variant
SCALE — reverse variant

SCALE

FIG. 02

Growth agency accelerator program

Slugclickx.scaleColor ↓Reverse ↓
Start — color variant
Start — reverse variant

Start

FIG. 03

Foundation program for new agencies

Slugclickx.startColor ↓Reverse ↓
Grader — color variant
Grader — reverse variant

Grader

FIG. 04

Free website and marketing auditor

Slugclickx.graderColor ↓
§ 06 · Assets03 FILES

Brand Assets

Official Clickx assets for partners, press, and internal teams. Always use the most recent versions.

01/SVG · 8 KB

Primary Logo

Full color variant in scalable SVG format. Additional variants below.

Download→
02/EXT · GOOGLE

Montserrat Typeface

Complete family, all 6 weights. Hosted on Google Fonts under the Open Font License.

Open Specimen↗
03/ASE · ON REQUEST

Color Palette

Adobe Swatch Exchange file containing all 12 brand colors. Available on request.

Request File✉
All Logo Variants4 FILES · SVG
01Full Color↓02Reverse Color↓03All White↓04All Black↓05Icon Mark↓

By downloading Clickx brand assets, you agree to use them in accordance with these guidelines. For custom requests, co-branding, or usage clarifications, contact brand@clickx.io.

Colophon

Need something outside
these guidelines?

Reach out to the brand team for custom use cases, co-branding requests, or media inquiries. We typically respond within two business days.

Contact Brand Team

brand@clickx.io

© Clickx · Brand System · Volume 01Edition 2026 · Montserrat · Marigold