B3 Systems — Brand Assets

Logos, colors, and type for quick, consistent use. Don’t alter or recolor the logo, and keep clear space for legibility.

CSS tokens

Logos

Primary wordmark (light) and white-on-dark.

Color palette

Core colors for UI.

B3 Green

Brand Blue

Ink

Typography

Headings use Raleway; body uses Inter.

Built for Industrial-scale AI

The quick brown fox jumps over the lazy dog. 1234567890 — !$%&@?

H1Raleway 48–56 / 1.15

H2Raleway 32–40 / 1.2

H3Raleway 24–28 / 1.25

BodyInter 16–18 / 1.6

CaptionInter 14 / 1.5

CSS tokens

Copy these into your stylesheet’s :root.

:root{
  /* Brand */
  --brand-green: #BED600;
  --brand-green-dark: #9BC400;
  --brand-blue:  #1F2A44;

  /* Neutrals */
  --ink:   #111827;
  --white: #FFFFFF;

  /* Fonts */
  --font-heading: 'Raleway', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  --font-body:    'Inter',   system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
}