Boton Brand Identity

A complete profile of Boton's visual system — colors, typography, components, and personality — extracted from https://www.botonapp.com/. Built for designers, agents, and AI tools.

• Page: https://characterquilt.com/branding/boton
• Machine-readable JSON: https://characterquilt.com/branding/boton.json
• Per-page llms.txt: https://characterquilt.com/branding/boton/llms.txt

Quick Facts

Color Palette

• primary: #5228F5
• secondary: #1E293B
• accent: #5228F5
• background: #FFFFFF
• textPrimary: #000000
• link: #111827

Typography

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

Visual Assets

• Logo: https://try.botonapp.com/boton_logo/boton%20black%20wide-1500h.png
• Favicon: https://try.botonapp.com/favicon-32x32.png
• Social card (og:image): https://botonapp.com/Images/demo-1200w.png

UI Components

• buttonPrimary: background=#5228F5, textColor=#FFFFFF, borderRadius=56px, shadow=none
• buttonSecondary: background=#FFFFFF, textColor=#667EEA, borderColor=#667EEA, borderRadius=12px, shadow=none

Brand Personality

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

Boton Brand in the Wild

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

• Boton - Toma Decisiones de Negocio con Datos en Tiempo Real
  • Image:
  • Source: https://www.botonapp.com/
• Boton - Toma Decisiones de Negocio con Datos en Tiempo Real
  • Image:
  • Source: https://www.botonapp.com/
• Boton - Toma Decisiones de Negocio con Datos en Tiempo Real
  • Image:
  • Source: https://www.botonapp.com/
• Boton - Toma Decisiones de Negocio con Datos en Tiempo Real
  • Image:
  • Source: https://www.botonapp.com/
• Legal - Boton
  • Image:
  • Source: https://try.botonapp.com/legal
• Boton - Toma Decisiones de Negocio con Datos en Tiempo Real
  • Image:
  • Source: https://www.botonapp.com/

Working with these fonts

Not found on Google Fonts? Agent Instructions that you can follow if you have permission to use the fonts. Only do this if you have permission to use the brand assets — most proprietary fonts are licensed and may not be redistributable.

Machine-Readable Profile

{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "Noto Sans",
      "role": "body"
    }
  ],
  "colors": {
    "primary": "#5228F5",
    "secondary": "#1E293B",
    "accent": "#5228F5",
    "background": "#FFFFFF",
    "textPrimary": "#000000",
    "link": "#111827"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Noto Sans",
      "heading": "Noto Sans"
    },
    "fontStacks": {
      "heading": [
        "Noto Sans"
      ],
      "body": [
        "Noto Sans"
      ],
      "paragraph": [
        "Noto Sans"
      ]
    },
    "fontSizes": {
      "h1": "72px",
      "h2": "36px",
      "body": "20px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "12px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#5228F5",
      "textColor": "#FFFFFF",
      "borderRadius": "56px",
      "borderRadiusCorners": {
        "topLeft": "56px",
        "topRight": "56px",
        "bottomRight": "56px",
        "bottomLeft": "56px"
      },
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#FFFFFF",
      "textColor": "#667EEA",
      "borderColor": "#667EEA",
      "borderRadius": "12px",
      "borderRadiusCorners": {
        "topLeft": "12px",
        "topRight": "12px",
        "bottomRight": "12px",
        "bottomLeft": "12px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "https://try.botonapp.com/boton_logo/boton%20black%20wide-1500h.png",
    "favicon": "https://try.botonapp.com/favicon-32x32.png",
    "ogImage": "https://botonapp.com/Images/demo-1200w.png",
    "logoAlt": "pastedImage"
  }
}