BitBoard Brand Identity

A complete profile of BitBoard's visual system — colors, typography, components, and personality — extracted from https://bitboard.work/. Built for designers, agents, and AI tools.

Quick Facts

Color Palette

• primary: #0000EE
• accent: #0000EE
• background: #F5F5F5
• textPrimary: #332B2B
• link: #0000EE

Typography

• primary: Work Sans — Work Sans
• heading: Literata — Literata

Visual Assets

• Favicon:
• Social card (og:image):

UI Components

• input: background=transparent, textColor=#332B2B, borderColor=null, borderRadius=0px, shadow=none
• buttonPrimary: background=#332B2B, textColor=#000000, borderRadius=100px, shadow=none

Brand Personality

Tone: modern · Energy: medium · Audience: tech-savvy professionals

BitBoard Brand in the Wild

Real-world brand assets — ads, campaigns, marketing materials.

• BitBoard
  • Image:
  • Source: https://www.bitboard.work/
• Portable Restroom Operators (PROs) — BitBoard - The Porta Potty Ad Network
  • Image:
  • Source: https://bitboardads.com/pros
• Bitboard CHESS ENGINE in C: defining BITBOARDS, OCCUPANCIES and helper variables
  • Image:
  • Source: https://www.youtube.com/watch?v=ZBBju42pKvw
• Efficient Generation of Sliding Piece Attacks - Chessprogramming wiki
  • Image:
  • Source: https://www.chessprogramming.org/Efficient_Generation_of_Sliding_Piece_Attacks
• BitBoard - Marketing's Most Captive Audience Where Attention Can't Scroll Away
  • Image:
  • Source: https://bitboardads.com/
• magic-bitboards · GitHub Topics · GitHub
  • Image:
  • Source: https://github.com/topics/magic-bitboards

Working with these fonts

Not found on Google Fonts? Here’s a helpful flow you can follow if you have permission to use the fonts:

1. Open the company's homepage in a browser with DevTools open.
2. In the Network tab, filter by "Font" (or by extension: woff2, woff, ttf, otf).
3. Hard-reload the page and click around (pricing, blog, careers) — some weights only load on specific routes.
4. For each captured font URL: right-click → Save As to download the file locally.
5. View the page's CSS (DevTools → Sources, or curl the stylesheet URLs) and copy out the matching @font-face declarations. Rewrite each src: url(...) to point to your local file path.

Only do this if you have permission to use the brand assets — most proprietary fonts are licensed and may not be redistributable.