Distributional Brand: Colors, Fonts, Logo & Visual Identity

Distributional Brand Identity

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

Color Palette

Brand palette extracted from https://distributional.com/.

primary: #ED77F8
secondary: #3898EC
accent: #ED77F8
background: #1E1E1E
textPrimary: #1E1E1E
link: #6464F1

Typography

Each font links to its Google Fonts page where available.

primary: Graphik Google Fonts →
heading: Forma DJR Display Google Fonts →

UI Components

Live previews rendered using Distributional's actual button styles.

Button Primary

background: #ED77F8
textColor: #1E1E1E
borderRadius: 0px
shadow: none

Button Secondary

background: #F5F5F7
textColor: #1E1E1E
borderRadius: 0px
shadow: none

Brand Personality

Tone: modern
Energy: medium
Audience: AI product developers and tech enthusiasts

Distributional Brand in the Wild

Image: cdn.prod.website-files.com

Source: distributional.com

Frequently Asked Questions

What is Distributional's primary brand color? Distributional's primary brand color is #ED77F8. It anchors the visual identity across their website, product UI, and marketing materials.
What font does Distributional use? Distributional uses Graphik for body text and Forma DJR Display for headings. Fonts were detected on https://distributional.com/ as part of their live design system.
Does Distributional use a light or dark theme? Distributional's primary site uses a dark color scheme, with a background of #1E1E1E.
Where can I find Distributional's logo? Distributional's logo is available directly on their site (https://distributional.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://distributional.com/ using the Firecrawl branding extraction API, which inspects the live page's CSS, fonts, color tokens, and component styles. It is not affiliated with or endorsed by Distributional.

Machine-Readable Profile

{
  "colorScheme": "dark",
  "fonts": [
    {
      "family": "Graphik",
      "role": "body"
    },
    {
      "family": "Forma DJR Display",
      "role": "heading"
    }
  ],
  "colors": {
    "primary": "#ED77F8",
    "secondary": "#3898EC",
    "accent": "#ED77F8",
    "background": "#1E1E1E",
    "textPrimary": "#1E1E1E",
    "link": "#6464F1"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Graphik",
      "heading": "Forma DJR Display"
    },
    "fontStacks": {
      "heading": [
        "Forma DJR Display",
        "Arial",
        "sans-serif"
      ],
      "body": [
        "Graphik",
        "Arial",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "80px",
      "h2": "48px",
      "body": "16px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "3px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#ED77F8",
      "textColor": "#1E1E1E",
      "borderRadius": "0px",
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#F5F5F7",
      "textColor": "#1E1E1E",
      "borderRadius": "0px",
      "shadow": "none"
    }
  },
  "images": {
    "logo": "data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20viewBox%3D%220%200%20160%2028%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M7.90164%207.41211H12.9716C16.4112%207.41211%2018.3671%209.16991%2018.3671%2013.0978V14.4026C18.3671%2018.3685%2016.3923%2020.0883%2012.9526%2020.0883H7.89893V7.41211H7.90164ZM12.9716%2017.8802C14.6751%2017.8802%2015.5622%2017.0284%2015.5622%2014.4406V13.0653C15.5622%2010.4747%2014.6751%209.62563%2012.9716%209.62563H10.636V17.8829H12.9716V17.8802Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M20.6138%207.41211H23.3481V20.0883H20.6138V7.41211Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M25.4269%2016.1437V15.7802H28.1423V16.16C28.1423%2017.5543%2028.8313%2018.2053%2030.5511%2018.2053C32.1624%2018.2053%2032.7782%2017.679%2032.7782%2016.6672V16.4855C32.7782%2015.6337%2032.3442%2015.1997%2031.2754%2014.9827L28.9751%2014.5107C26.6015%2014.0224%2025.6249%2012.9889%2025.6249%2011.0331V10.8703C25.6249%208.60795%2027.201%207.21094%2030.5701%207.21094C33.9392%207.21094%2035.3525%208.44248%2035.3525%2011.1226V11.4318H32.6724V11.1063C32.6724%209.83949%2032.0377%209.25899%2030.4806%209.25899C28.9235%209.25899%2028.3267%209.78524%2028.3267%2010.7428V10.8513C28.3267%2011.6651%2028.7255%2012.0096%2029.9028%2012.2646L32.1489%2012.7176C34.4302%2013.1706%2035.5343%2014.2557%2035.5343%2016.2685V16.5207C35.5343%2018.9106%2033.9582%2020.2886%2030.5538%2020.2886C27.1494%2020.2886%2025.4296%2018.9838%2025.4296%2016.141L25.4269%2016.1437Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M39.9334%209.63919H36.2388V7.41211H46.3814V9.63919H42.6678V20.0883H39.9334V9.63919Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M47.8462%207.41211H54.3294C56.6298%207.41211%2057.9698%208.78742%2057.9698%2011.0877V11.5218C57.9698%2012.8808%2057.4273%2013.8953%2056.5023%2014.4731L58.0051%2020.0883H55.1432L53.9659%2015.3059H50.5806V20.0883H47.8462V7.41211ZM53.7327%2013.1521C54.674%2013.1521%2055.146%2012.6258%2055.146%2011.576V11.123C55.146%2010.0732%2054.6929%209.56595%2053.7164%209.56595H50.5833V13.1521H53.7354H53.7327Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M60.2847%207.41211H63.019V20.0883H60.2847V7.41211Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M65.8984%207.41482H71.9477C74.2833%207.41482%2075.5528%208.51887%2075.5528%2010.5289V10.7812C75.5528%2012.048%2075.0265%2013.0273%2073.7407%2013.4966C75.2246%2013.8763%2075.9326%2014.8556%2075.9326%2016.4317V16.7382C75.9326%2018.892%2074.6278%2020.0883%2072.1294%2020.0883H65.8984V7.41211V7.41482ZM71.6032%2012.6123C72.4549%2012.6123%2072.889%2012.124%2072.889%2011.199V10.9467C72.889%2010.0054%2072.417%209.49813%2071.5679%209.49813H68.5623V12.6123H71.6059H71.6032ZM71.7307%2018.0104C72.6367%2018.0104%2073.125%2017.5221%2073.125%2016.5809V16.2174C73.125%2015.2408%2072.6719%2014.7146%2071.7659%2014.7146H68.5596V18.0104H71.7279H71.7307Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M77.9048%2016.0871V7.41211H80.6391V16.1224C80.6391%2017.3892%2081.4367%2018.0592%2082.9395%2018.0592C84.4423%2018.0592%2085.2398%2017.3892%2085.2398%2016.1224V7.41211H87.9742V16.0871C87.9742%2018.8568%2086.2543%2020.289%2082.9395%2020.289C79.6246%2020.289%2077.9048%2018.8595%2077.9048%2016.0871Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M93.0784%209.63919H89.3838V7.41211H99.5264V9.63919H95.8128V20.0883H93.0784V9.63919Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M100.988%207.41211H103.723V20.0883H100.988V7.41211Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M105.952%2014.4184V13.0784C105.952%209.23999%20107.927%207.21094%20111.692%207.21094C115.457%207.21094%20117.451%209.22101%20117.451%2013.0784V14.4184C117.451%2018.2758%20115.46%2020.2859%20111.692%2020.2859C107.924%2020.2859%20105.952%2018.2758%20105.952%2014.4184ZM114.646%2014.4727V13.0241C114.646%2010.5611%20113.686%209.41903%20111.695%209.41903C109.703%209.41903%20108.759%2010.5611%20108.759%2013.0404V14.47C108.759%2016.9331%20109.72%2018.0751%20111.695%2018.0751C113.669%2018.0751%20114.646%2016.9331%20114.646%2014.47V14.4727Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M119.696%207.41482H122.973L127.338%2016.6134H127.357L127.321%2012.4468V7.41211H129.858V20.0883H126.597L122.213%2010.8707H122.194L122.23%2015.0536V20.0883H119.693V7.41211L119.696%207.41482Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M135.159%207.41211H139.016L142.963%2020.0883H140.156L139.342%2017.335H134.706L133.892%2020.0883H131.231L135.162%207.41211H135.159ZM138.691%2015.1106L137.025%209.46016L135.36%2015.1106H138.691Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M144.323%207.41211H147.057V17.826H153.497V20.091H144.323V7.41482V7.41211Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M2.97579%202.50377V25.1299H11.9411V27.631H0V0H11.9411V2.50377H2.97579Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M160%200V27.631H148.059V25.1299H157.027V2.50377H148.059V0H160Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3C%2Fsvg%3E",
    "favicon": "https://cdn.prod.website-files.com/67c87d15e79883b4adbe95a7/67fd8283b87fa5d19205bc16_dist-fav.jpg",
    "ogImage": "https://cdn.prod.website-files.com/67c87d15e79883b4adbe95a7/68f55f90fbc62f562e4ca8de_DBNL%20Social%20Card.png",
    "logoHref": "/"
  },
  "personality": {
    "tone": "modern",
    "energy": "medium",
    "targetAudience": "AI product developers and tech enthusiasts"
  },
  "confidence": {
    "overall": 0.925
  }
}