B Lettermark

Stylized B with leaf/growth flourish — brand accent in chartreuse

Size Variants
sm · 24px
md · 48px
lg · 96px
Tier Variants
Default #FFFFFF
Edge #5D4749
Core #034F93
Legacy #550372
Markets #566B30
Background Contrast
Dark · #0A0A0A
Light · #F9FAFB
Usage Guidelines

Favicon

Use sm (24px) on dark background. Leaf accent remains visible at small scale.

↻

Loading State

Animate with subtle pulse or rotation. Use md (48px) centered on dark screen.

Watermark

Use at 10-20% opacity overlaid on reports, PDF exports, and generated content.

✉

Email Header

Pair with wordmark in horizontal lockup. Use tier variant matching the product line.

Brand Accent — Chartreuse

Chartreuse / Lime Green

#C8E600 · rgb(200, 230, 0)

The growth accent color. Used exclusively for the leaf flourish in the B lettermark, growth indicators, and brand highlight moments. Never used for body text or large surfaces.

SVG Inline Template
<div class="byld-lettermark byld-lettermark-md">
  <svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
    <path d="M8 6h20c11 0 16 6 16 14 0 5-3 9-8 11 6 2 10 7 10 13 0 9-7 14-18 14H8V6zm12 8v12h8c5 0 8-3 8-6s-3-6-8-6h-8zm0 20v12h8c6 0 10-3 10-6s-4-6-10-6h-8z"
      fill="var(--lettermark-body)" fill-rule="evenodd"/>
    <path d="M40 19Q50 5 57 3Q49 14 42 21Z"
      fill="var(--brand-accent, #C8E600)"/>
  </svg>
</div>