Logo, colour, and type
The BBLC identity is intentionally minimal. Dark neutrals create authority. Signal green marks action. Inter keeps the system legible across dense product UI and executive presentations.
What the logo means
The BBLC wordmark is set in Inter with a custom tight spacing. The four letters sit on a strict baseline grid. This is structural, not decorative. The wordmark reads as infrastructure.
The square icon is the smallest unit of the brand. It functions as a favicon, app icon, and avatar. The optional grid variant adds a single diagonal stroke - a literal trace of the network.
Use on all corporate, investor, and public materials. Maintain clearspace equal to the cap height of "B" on all sides.
Clearspace and minimum size
Clearspace protects the logo from competing elements. The minimum clearspace is the cap height of "B". The minimum digital size is 24px wide. The minimum print size is 10mm wide.
24 px width
10 mm width
1x cap height
Lockup variants
Full colour wordmark on light backgrounds.
White or Mist wordmark on Void/Ink backgrounds.
Use when horizontal space is constrained.
Palette
BBLC uses a high-contrast dark-neutral palette with one signal accent. The green is used sparingly. It marks connection, confirmation, and calls to action.
Usage ratio
On average, brand surfaces should be 80% neutral, 15% white/mist, and 5% green. Green should be the brightest thing on the page. Use coral only for warnings or InfernoGrid heat maps.
Accessibility
Grid green (#00D084) on white passes WCAG AA for large text and UI components. Avoid using green for small body text on light backgrounds. For dark backgrounds, use white or mist text for readability.
Type system
Inter is the primary typeface. It is neutral, legible at small sizes, and available in every modern design tool. JetBrains Mono is used for code, data, labels, and technical annotations. Technor is reserved for large display moments and the brand wordmark only.
Typescale
Base size is 15px with a 1.25 ratio. H1 = 42px, H2 = 24px, H3 = 17px. Body line-height is 1.55. For dense dashboards, use 13px body with 1.4 line-height.
Do's and don'ts
Do leave clearspace around the logo.
Do use Grid green for CTAs and active states.
Don't place the logo on busy photography.
Don't introduce new accent colours.