Ditto (Words) Brand: Colors, Fonts, Logo & Visual Identity
Ditto (Words) Brand Identity
A complete profile of Ditto (Words)'s visual system — colors, typography, components, and personality — extracted from https://www.dittowords.com/. Built for designers, agents, and AI tools.
Color Palette
Brand palette extracted from https://www.dittowords.com/.
primary
#6A6559
rgb(106, 101, 89)
secondary
#1345EB
rgb(19, 69, 235)
accent
#B26DC2
rgb(178, 109, 194)
background
#F7F5F3
rgb(247, 245, 243)
textPrimary
#000000
rgb(0, 0, 0)
link
#B26DC2
rgb(178, 109, 194)
Typography
Each font links to its Google Fonts page where available.
primary
ABC Social
heading
ABC Social Extended
ABC Social Extended Google Fonts →
ABC Social, Arial, sans-serif
Visual Assets
UI Components
Live previews rendered using Ditto (Words)'s actual button styles.
Input
| Property | Value |
|---|---|
| background | #FFFFFF |
| textColor | #000000 |
| borderColor | null |
| borderRadius | 28px |
| shadow | none |
Button Primary
| Property | Value | | background | #000000 | | textColor | #F7F5F3 | | borderRadius | 1000px | | shadow | none |
Brand Personality
Tone: professional
Energy: medium
Audience: product managers and designers
Frequently Asked Questions
What is Ditto (Words)'s primary brand color?
Ditto (Words)'s primary brand color is #6A6559. It anchors the visual identity across their website, product UI, and marketing materials.
What accent color does Ditto (Words) use?
Ditto (Words) uses #B26DC2 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.
What font does Ditto (Words) use?
Ditto (Words) uses ABC Social for body text and ABC Social Extended for headings. Fonts were detected on https://www.dittowords.com/ as part of their live design system.
Does Ditto (Words) use a light or dark theme?
Ditto (Words)'s primary site uses a light color scheme, with a background of #F7F5F3.
Where can I find Ditto (Words)'s logo?
Ditto (Words)'s logo is available directly on their site (https://www.dittowords.com/). The current logo URL is included in the machine-readable JSON profile linked above.
How was this brand profile generated?
This profile was extracted from https://www.dittowords.com/ using the Firecrawl branding extraction API, which inspects the live page's CSS, fonts, color tokens, and component styles.