BitBoard Brand Identity

A complete profile of BitBoard's visual system — colors, typography, components, and personality.

Quick Facts

Color Palette

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

Typography

• primary: Work Sans — https://fonts.google.com/specimen/Work+Sans
• heading: Literata — https://fonts.google.com/specimen/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

Machine-Readable Profile

{
 "colorScheme": "light",
 "fonts": [
 {
 "family": "Work Sans",
 "role": "body"
 },
 {
 "family": "Literata",
 "role": "heading"
 }
 ],
 "colors": {
 "primary": "#0000EE",
 "accent": "#0000EE",
 "background": "#F5F5F5",
 "textPrimary": "#332B2B",
 "link": "#0000EE"
 },
 "typography": {
 "fontFamilies": {
 "primary": "Work Sans",
 "heading": "Literata"
 },
 "fontStacks": {
 "heading": [
 "Literata",
 "serif"
 ],
 "body": [
 "sans-serif"
 ],
 "paragraph": [
 "Work Sans",
 "sans-serif"
 ]
 },
 "fontSizes": {
 "h1": "48px",
 "h2": "48px",
 "body": "18px"
 }
 },
 "spacing": {
 "baseUnit": 10,
 "borderRadius": "40px"
 },
 "components": {
 "input": {
 "background": "transparent",
 "textColor": "#332B2B",
 "borderColor": null,
 "borderRadius": "0px",
 "borderRadiusCorners": {
 "topLeft": "0px",
 "topRight": "0px",
 "bottomRight": "0px",
 "bottomLeft": "0px"
 },
 "shadow": "none"
 },
 "buttonPrimary": {
 "background": "#332B2B",
 "textColor": "#000000",
 "borderRadius": "100px",
 "borderRadiusCorners": {
 "topLeft": "100px",
 "topRight": "100px",
 "bottomRight": "100px",
 "bottomLeft": "100px"
 },
 "shadow": "none"
 }
 },
 "images": {
 "favicon": "https://framerusercontent.com/images/RkjqaM9ZKRPZZdxlpMRdh7xVKyU.png",
 "ogImage": "https://framerusercontent.com/assets/wnCAe5NX7KUQUTO7LpzWp9dY4jc.png"
 },
 "personality": {
 "tone": "modern",
 "energy": "medium",
 "targetAudience": "tech-savvy professionals"
 }
}