Ditto Brand Identity

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

Color Palette

Brand palette extracted from http://dittowords.com.

• primary:
  • Color: #6A6559
  • RGB: rgb(106, 101, 89)
• secondary:
  • Color: #1345EB
  • RGB: rgb(19, 69, 235)
• accent:
  • Color: #B26DC2
  • RGB: rgb(178, 109, 194)
• background:
  • Color: #F7F5F3
  • RGB: rgb(247, 245, 243)
• textPrimary:
  • Color: #000000
  • RGB: rgb(0, 0, 0)
• link:
  • Color: #B26DC2
  • RGB: rgb(178, 109, 194)

Typography

Each font links to its Google Fonts page where available.

• primary:
  • Font: ABC Social
  • Google Fonts →
• heading:
  • Font: ABC Social Extended
  • Google Fonts →

Visual Assets

• Logo

• Favicon

• Social Card

UI Components

Live previews rendered using Ditto's actual button styles.

• Input

  • Background: #FFFFFF
  • Text Color: #000000
  • Border Color: null
  • Border Radius: 28px
  • Shadow: none

• Button Primary

  • Background: #000000
  • Text Color: #F7F5F3
  • Border Radius: 1000px
  • Shadow: none

Brand Personality

• Tone: professional
• Energy: medium
• Audience: product teams and developers

Frequently Asked Questions

• What is Ditto's primary brand color?
  Ditto's primary brand color is #6A6559.

• What accent color does Ditto use?
  Ditto uses #B26DC2 as an accent color.

• What font does Ditto use?
  Ditto uses ABC Social for body text and ABC Social Extended for headings.

• Does Ditto use a light or dark theme?
  Ditto's primary site uses a light color scheme.

• Where can I find Ditto's logo?
  Ditto's logo is available directly on their site (http://dittowords.com).

Methodology

Brand data on this page was extracted from http://dittowords.com using the Firecrawl branding extraction API.

Machine-Readable Profile

Direct endpoints for agents, designers, and tooling.

{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "ABC Social",
      "role": "body"
    },
    {
      "family": "ABC Social Extended",
      "role": "heading"
    }
  ],
  "colors": {
    "primary": "#6A6559",
    "secondary": "#1345EB",
    "accent": "#B26DC2",
    "background": "#F7F5F3",
    "textPrimary": "#000000",
    "link": "#B26DC2"
  },
  "typography": {
    "fontFamilies": {
      "primary": "ABC Social",
      "heading": "ABC Social Extended"
    }
  },
  "components": {
    "input": {
      "background": "#FFFFFF",
      "textColor": "#000000",
      "borderColor": null,
      "borderRadius": "28px",
      "shadow": "none"
    },
    "buttonPrimary": {
      "background": "#000000",
      "textColor": "#F7F5F3",
      "borderRadius": "1000px",
      "shadow": "none"
    }
  },
  "images": {
    "logo": "https://cdn.prod.website-files.com/674e3a7fec86042fe6cf1e43/6764a761deaef4de4eb2697f_d.svg",
    "favicon": "https://cdn.prod.website-files.com/674e3a7fec86042fe6cf1e43/68c1914636748fc834760132_favicon.png",
    "ogImage": "https://cdn.prod.website-files.com/674e3a7fec86042fe6cf1e43/68a75848e908bcfc140ff92a_D.%20Logo.png"
  }
}