Pabble Brand

Everything you need to represent Pabble correctly across any medium.

Logos

Logo variants

Use the correct variant for the background. Never stretch, recolor, or apply effects to the logo.

Logomark - Light

Logomark - Light

For light backgrounds

Logomark - Dark

Logomark - Dark

For dark backgrounds

Clear space

Keep breathing room around the logo equal to the height of the mark itself.

Clear space demo
Logotype - Light

Logotype - Light

Horizontal lockup for light backgrounds

Logotype - Dark

Logotype - Dark

Horizontal lockup for dark backgrounds

Colors

Color palette

Click any swatch to copy the hex value. These exact values appear across every Pabble surface.

Typography

Type system

Three typefaces, each with a specific role. Never swap their uses.

Gilda Display

Headings & Display - --font-display

Beautiful forms,
built for everyone.

Aaxl
Aa2xl
Aa3xl
Aa4xl
Aa5xl

JetBrains Mono

Code & Technical - --font-mono

form.submit({
  notify: true
})

baseAa
smAa
xsAa

Noto Sans

Body & Interface - --font-sans

Pabble gives you beautiful forms with built-in automations, for free.

The quick fox400 Regular
The quick fox500 Medium
The quick fox600 Semibold
The quick fox700 Bold

Font pairing

How the three typefaces work together in context.

Heading / Gilda DisplayForm Builder
Body / Noto SansBuild beautiful forms and automate what happens next. Completely free, no hidden fees.
Code / JetBrains Monopabble.app/f/abc123

Need something specific?

If you need press kits, partnership materials, or custom asset sizes - reach out and we'll help.