Brand Kit

Scale.gg Brand System

One master brand. 37+ sub-brands. One unified visual language built for consistency, clarity, and scale.

Master Brand

Scale.gg is the parent brand. All sub-brands inherit its visual DNA. The master brand anchors the entire ecosystem.

Primary Logo

Scale.gg Logo
Primary — Light Backgrounds Download
Scale.gg Logo White
Primary — Dark Backgrounds Download

ScalePlus Offer Logo

The ScalePlus offer brand mark. Reserved for future use in marketing and offer-specific materials.

ScalePlus Logo
ScalePlus — Offer Brand Download

Icon Symbol

The Scale.gg icon symbol. Used for favicons, app icons, and compact branding.

Scale.gg Icon
Icon Symbol Download
Scale.gg Social Icon
Social Media Icon Download

Color System

A controlled palette that ensures every app feels unified. The master color anchors everything. App accents provide identity without chaos.

Master Palette

Primary — Indigo #6C63FF rgb(108, 99, 255)
Dark — Midnight #0F172A rgb(15, 23, 42)
Light — Snow #F8F9FC rgb(248, 249, 252)
Muted — Slate #64748B rgb(100, 116, 139)

App Accent Palette

Each app is assigned exactly one accent color from this locked palette. No new colors may be introduced without a palette update.

Typography

All brands use the same type system. No custom fonts per app. Typography is the invisible glue that holds the system together.

Type Scale

Display 800 / -0.03em
Scale Your Business
Heading 1 800 / -0.02em
Section Headline
Heading 2 700 / -0.01em
Subsection Title
Body 400 / 1.6 line-height
The quick brown fox jumps over the lazy dog. Body text is readable, clean, and never smaller than 16px.
Caption 600 / 0.05em tracking
Label or category text

Font Stack

Primary -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', 'Segoe UI', sans-serif
Monospace 'SF Mono', 'Fira Code', 'Consolas', monospace

Icon System

All app icons share the same grid, stroke weight, container shape, and visual weight. Only the inner symbol and accent color change.

Icon Anatomy

Container Rounded square, 14px radius at 48px. Consistent across all icons.
Symbol 2px stroke weight. Centered in container. Never touches edges. Inner symbol is the only variable.
Accent Color One accent per app. Applied to stroke, container tint, and background fill. Never the container border.

Icon Rules

DO
  • Use 2px stroke weight consistently
  • Center symbol within container
  • Use rounded corners (round caps, round joins)
  • Maintain 8px padding from container edge
  • Use accent color only on symbol and tint
DON'T
  • Change stroke weight per app
  • Use filled icons (outline only)
  • Add gradients or shadows to icons
  • Change container shape or radius
  • Use more than one color per icon

Logo System

Every brand (master + apps) requires the same 5 logo variants. If a logo can't survive monochrome, it's not a real logo.

Required Variants

1
Primary Horizontal Icon + Text, side by side
2
Stacked Icon above text
3
Icon-Only Symbol mark without text
4
Light Version For dark backgrounds
5
Monochrome All black or all white

Logo Construction

Every app logo follows the same structure: Icon container + App name in the primary font at weight 700. The accent color appears only in the icon and optionally in the domain extension.

ClickCampaigns.ai
Icon in accent Name in primary weight Extension in accent

Usage Rules

Rules that prevent brand decay and ensure every new app added to the ecosystem maintains visual consistency.

New App Branding Rules

1
Must use master typography

No custom fonts. No exceptions. Use the system font stack at the defined weights.

2
Must select one accent color from the locked palette

If all palette colors are assigned, request a palette expansion — never invent a new color.

3
Must follow the icon grid

Same container shape, same stroke weight (2px), same padding. Only the inner symbol changes.

4
Must generate all 5 required logo variants

Primary horizontal, stacked, icon-only, light version, and monochrome.

5
No gradients unless approved globally

Flat colors only. Gradients are a system-level decision, not per-app.

6
Must pass the monochrome test

If the logo doesn't work in all-black or all-white, it needs to be redesigned.

Logo Usage

DO
  • Use logos at provided sizes or proportionally scaled
  • Maintain minimum clear space equal to icon height
  • Use approved color variants only
  • Place on solid backgrounds (light or dark)
DON'T
  • Stretch, rotate, or skew any logo
  • Place logos on busy or patterned backgrounds
  • Add drop shadows, outlines, or effects
  • Rearrange logo elements