---
title: jbx brand
description: Logos, colors, and usage notes for the jbx visual identity.
layout: brand
unlisted: true
---

# jbx brand

The identity starts from two things: a toolbox, because `jbx` is useful before it is clever, and the Eurasian jay, because the palette should feel natural rather than default SaaS blue.

## Logo assets

<div class="brand-grid">
  <a class="card brand-asset" href="/assets/jbx-toolbox-logo.png"><img src="/assets/jbx-toolbox-logo.png" alt="Primary jbx toolbox logo on transparent background"><strong>Primary transparent PNG</strong><code>/assets/jbx-toolbox-logo.png</code></a>
  <a class="card brand-asset" href="/assets/jbx-toolbox-logo-512.png"><img src="/assets/jbx-toolbox-logo-512.png" alt="512 pixel jbx toolbox logo on transparent background"><strong>512px transparent PNG</strong><code>/assets/jbx-toolbox-logo-512.png</code></a>
  <a class="card brand-asset" href="/assets/jbx-toolbox-logo-256.png"><img src="/assets/jbx-toolbox-logo-256.png" alt="256 pixel jbx toolbox logo on transparent background"><strong>256px transparent PNG</strong><code>/assets/jbx-toolbox-logo-256.png</code></a>
  <a class="card brand-asset brand-asset-wide" href="/assets/social-card.png"><img src="/assets/social-card.png" alt="jbx social preview card"><strong>Social card</strong><code>/assets/social-card.png</code></a>
</div>

The current artwork is generated and resized from the supplied transparent source. Good enough for scaffolding; not sacred. A cleaner vector mark can replace it later without changing the brand system.

## Colors

<div class="swatches">
  <div class="swatch" style="background:#1686ee"><strong>Jay blue</strong><code>#1686EE</code></div>
  <div class="swatch" style="background:#0757b8"><strong>Wing blue</strong><code>#0757B8</code></div>
  <div class="swatch" style="background:#090f16"><strong>Cap black</strong><code>#090F16</code></div>
  <div class="swatch" style="background:#f5f8fc;color:#090f16"><strong>Feather white</strong><code>#F5F8FC</code></div>
  <div class="swatch" style="background:#d4c0a0;color:#090f16"><strong>Jay buff</strong><code>#D4C0A0</code></div>
  <div class="swatch" style="background:#be7668"><strong>Jay rose</strong><code>#BE7668</code></div>
</div>

## Usage

- Use the full toolbox mark for launch pages, social previews, and docs covers.
- Use the square icon for favicon, app icons, and tiny contexts.
- Keep the mark on dark, blue, white, or transparent backgrounds.
- Do not add new gradients to the logo. The site can have atmosphere; the mark should stay recognizable.
- Pair `jbx` with concrete wording: Java scripts, Maven tools, agent docs, JBang compatibility.

## Voice

Short. Practical. Agent-friendly. `jbx` should sound like a tool you can trust in a loop at 2am, not like it escaped from a keynote deck.
