Buster Brand Identity

A complete profile of Buster's visual system — colors, typography, components, and personality — extracted from http://buster.so. Built for designers, agents, and AI tools.

• Page: https://characterquilt.com/branding/buster
• Machine-readable JSON: https://characterquilt.com/branding/buster.json

Quick Facts

Color Palette

• primary: #000000
• accent: #3B83F6
• background: #FCFCFC
• textPrimary: #3B83F6
• link: #3B83F6

Typography

• primary: Noto Serif JP — https://fonts.google.com/specimen/Noto+Serif+JP
• heading: Noto Serif JP — https://fonts.google.com/specimen/Noto+Serif+JP

Visual Assets

• Favicon: https://framerusercontent.com/images/WxWeY4isORL05qhyOqwY6SeVLE.png
• Social card (og:image): https://framerusercontent.com/images/KlfDDcVJ7gcrJzT7ikknhbjnzbk.png

UI Components

• buttonPrimary: background=#3B83F6, textColor=#000000, borderRadius=9999px, shadow=rgba(0, 0, 0, 0.3) 0px 0px 1px 0px, rgba(0, 0, 0, 0.18) 0px 0.301094px 0.301094px -1.25px, rgba(0, 0, 0, 0.16) 0px 1.14427px 1.14427px -2.5px, rgba(0, 0, 0, 0.06) 0px 5px 5px -3.75px

Brand Personality

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

Buster Brand in the Wild

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

• Keystroke
  • Image: https://framerusercontent.com/images/AVSFOHo6QhCZfIfKL3LyOI43U0Q.png?width=3840&height=2160
  • Source: https://buster.so/?utm_source=mintedbrain&utm_medium=referral&utm_campaign=tool&ref=mintedbrain.com
• Overview - Buster
  • Image: https://mintcdn.com/buster-docs/YWTDqjM3t-0nX-8p/images/agent-diagram.png?fit=max&auto=format&n=YWTDqjM3t-0nX-8p&q=85&s=dbf01795277d708695a9befb94606cf5
  • Source: https://docs.buster.so/overview
• Overview - Buster
  • Image: https://mintcdn.com/buster-docs/YWTDqjM3t-0nX-8p/images/actions-diagram.png?fit=max&auto=format&n=YWTDqjM3t-0nX-8p&q=85&s=247ff7f9264e2c3991c9b7528cba02fd
  • Source: https://docs.buster.so/overview
• Buster, the AI data engineer
  • Image: https://framerusercontent.com/images/lHFZiZZCxfNXOm8Zu42KOlkvk.png?width=1449&height=2050
  • Source: https://www.buster.so/privacy-policy
• The open-source, AI-native data stack
  • Image: https://framerusercontent.com/images/DUuzLZgjmbltXh1KlIxV0VBzDfA.png
  • Source: https://www.buster.so/blog/buster-fundraise
• Quickstart - Buster
  • Image: https://mintcdn.com/buster-docs/Krym-0J2_NTM50Lk/images/connect-github.png?fit=max&auto=format&n=Krym-0J2_NTM50Lk&q=85&s=876d2cd63eb15b17dbf72675b8b30b12
  • Source: https://docs.buster.so/quickstart

Working with these fonts

Not found on Google Fonts? Agent Instructions that you can follow if you have permission to use the fonts:

CharacterQuilt.com suggests this flow that can help:

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.

Programmatic alternative: load the URL with Playwright or Puppeteer, listen for response events whose Content-Type starts with font/, and write the body to disk. The CSS extraction step is the same.

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