MessageBird Brand Identity

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

Quick Facts

Color Palette

• primary: #059669
• secondary: #DC2626
• accent: #34D399
• background: #141414
• textPrimary: #141414
• link: #34D399

Typography

• primary: Lausanne — https://fonts.google.com/specimen/Lausanne
• heading: Lausanne — https://fonts.google.com/specimen/Lausanne

Visual Assets

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

UI Components

• input: background=transparent, textColor=#F2F2F2, borderColor=null, borderRadius=0px, shadow=rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgb(255, 255, 255) 0px 0px 0px 0px, oklch(0.482 0.2292 262.36) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px
• buttonPrimary: background=#F5F5F5, textColor=#0D0D0D, borderRadius=10px, shadow=none
• buttonSecondary: background=#141414, textColor=#AAAAAA, borderRadius=10px, shadow=none

Brand Personality

Tone: professional · Energy: medium · Audience: business professionals

MessageBird Brand in the Wild

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

• Suite d'API Multi-Canal | Bird Communications
  • Image:
  • Source: Source
• Bird Blog — CRM, Messaging & Marketing Insights
  • Image:
  • Source: Source
• Overcoming Challenges in Building Email Archiving Systems
  • Image:
  • Source: Source
• Bird Blog — CRM, Messaging & Marketing Insights
  • Image:
  • Source: Source
• 使用Bird 的CRMs 产品组合以实现最大影响
  • Image:
  • Source: Source
• Bird Blog — CRM, Messaging & Marketing Insights
  • Image:
  • Source: Source

Working with these fonts

Not found on Google Fonts? Here’s a suggested flow.

1. Open the company's homepage in a browser with DevTools open.
2. In the Network tab, filter by "Font".
3. Hard-reload the page and click around.
4. For each captured font URL: right-click → Save As to download the file locally.
5. View the page's CSS and copy out the matching @font-face declarations.

Programmatic alternative: load the URL with Playwright or Puppeteer.

Machine-Readable Profile

{
  "colorScheme": "dark",
  "fonts": [
    {
      "family": "Lausanne",
      "role": "unknown"
    }
  ],
  "colors": {
    "primary": "#059669",
    "secondary": "#DC2626",
    "accent": "#34D399",
    "background": "#141414",
    "textPrimary": "#141414",
    "link": "#34D399"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Lausanne",
      "heading": "Lausanne"
    },
    "fontStacks": {
      "heading": [
        "Lausanne",
        "sans-serif"
      ],
      "body": [
        "Lausanne",
        "sans-serif"
      ],
      "paragraph": [
        "Lausanne",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "40px",
      "h2": "40px",
      "body": "40px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "4px"
  },
  "components": {
    "input": {
      "background": "transparent",
      "textColor": "#F2F2F2",
      "borderColor": null,
      "borderRadius": "0px",
      "borderRadiusCorners": {
        "topLeft": "0px",
        "topRight": "0px",
        "bottomRight": "0px",
        "bottomLeft": "0px"
      },
      "shadow": "rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgb(255, 255, 255) 0px 0px 0px 0px, oklch(0.482 0.2292 262.36) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px"
    },
    "buttonPrimary": {
      "background": "#F5F5F5",
      "textColor": "#0D0D0D",
      "borderRadius": "10px",
      "borderRadiusCorners": {
        "topLeft": "10px",
        "topRight": "10px",
        "bottomRight": "10px",
        "bottomLeft": "10px"
      },
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#141414",
      "textColor": "#AAAAAA",
      "borderRadius": "10px",
      "borderRadiusCorners": {
        "topLeft": "10px",
        "topRight": "10px",
        "bottomRight": "10px",
        "bottomLeft": "10px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": null,
    "favicon": "https://bird.com/favicon.svg",
    "ogImage": "https://bird.com/og-default.png"
  },
  "personality": {
    "tone": "professional",
    "energy": "medium",
    "targetAudience": "business professionals"
  },
  "designSystem": {
    "framework": "tailwind",
    "componentLibrary": ""
  }
}