Brand guidelines

Resources and rules for using the ScaleMule brand consistently.

Logo

The ScaleMule logo is a gradient rounded square with a lightning bolt icon. Use it at the sizes shown below and maintain clear space around it.

64px

48px

36px

28px

Do

  • Use the logo on light or white backgrounds
  • Maintain aspect ratio when resizing
  • Keep clear space equal to at least the logo width

Don't

  • Alter the gradient colors or icon
  • Place the logo on busy or low-contrast backgrounds
  • Stretch, rotate, or add effects to the logo

Colors

The ScaleMule palette is built around blue and cyan, with neutral slate tones for text and backgrounds.

Primary Blue

#3b82f6

hsl(222, 89%, 55%)

Accent Cyan

#06b6d4

hsl(191, 96%, 43%)

Dark Blue

#1d4ed8

hsl(226, 75%, 48%)

Background

#f8fbff

hsl(213, 67%, 98%)

Foreground

#1a2332

hsl(220, 46%, 13%)

Muted

#64748b

hsl(220, 17%, 44%)

Gradient

linear-gradient(110deg, #1d4ed8, #0f6ad8, #0891b2)

Typography

Sora

Display and headings

The quick brown fox

Avenir Next

Body text

The quick brown fox jumps over the lazy dog

JetBrains Mono

Code and technical content

const client = createScaleMule()

ScaleMule is a brand of Cats Dojo LLC. For brand inquiries, contact hello@scalemule.com.