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

For light backgrounds

SVG PNG

Logomark - Dark

For dark backgrounds

SVG PNG

Clear space

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

Logotype - Light

Horizontal lockup for light backgrounds

SVG PNG

Logotype - Dark

Horizontal lockup for dark backgrounds

SVG PNG

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.