Zuddl Brand Identity

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

Color Palette

Brand palette extracted from http://www.zuddl.com.

Typography

Each font links to its Google Fonts page where available.

UI Components

Button Primary

• background: #843DF5
• textColor: #FFFFFF
• borderColor: #5C16CC
• borderRadius: 8px
• shadow: none

Button Secondary

• background: #FFFFFF
• textColor: #333333
• borderRadius: 0px
• shadow: none

Brand Personality

Tone: professional
Energy: medium
Audience: B2B event organizers

Zuddl Brand in the Wild

Source: zuddl.com

Source: zuddl.com

Source: zuddl.com

Source: zuddl.com

Source: zuddl.com

Frequently Asked Questions

What is Zuddl's primary brand color? Zuddl's primary brand color is #344054. It anchors the visual identity across their website, product UI, and marketing materials.

What accent color does Zuddl use? Zuddl uses #843DF5 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.

What font does Zuddl use? Zuddl uses Plus Jakarta Sans as the primary typeface across body and headings.

Does Zuddl use a light or dark theme? Zuddl's primary site uses a light color scheme, with a background of #FFFFFF.

Where can I find Zuddl's logo? Zuddl's logo is available directly on their site (http://www.zuddl.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 http://www.zuddl.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 Zuddl.

Machine-Readable Profile

{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "Plus Jakarta Sans",
      "role": "body"
    }
  ],
  "colors": {
    "primary": "#344054",
    "secondary": "#5C16CC",
    "accent": "#843DF5",
    "background": "#FFFFFF",
    "textPrimary": "#843DF5",
    "link": "#843DF5"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Plus Jakarta Sans",
      "heading": "Plus Jakarta Sans"
    },
    "fontStacks": {
      "heading": [
        "Plusjakartasans Variablefont Wght",
        "sans-serif"
      ],
      "body": [
        "Plus Jakarta Sans",
        "sans-serif"
      ],
      "paragraph": [
        "Plus Jakarta Sans",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "72px",
      "h2": "48px",
      "body": "18px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "8px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#843DF5",
      "textColor": "#FFFFFF",
      "borderColor": "#5C16CC",
      "borderRadius": "8px",
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#FFFFFF",
      "textColor": "#333333",
      "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%2277%22%20height%3D%2224%22%20viewBox%3D%220%200%2077%2024%22%20fill%3D%22none%22%20data-fc-idx%3D%220%22%3E%0A%20%20%3Cg%20clip-path%3D%22url(%23clip0_1344_18318)%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M45.8119%209.09237V0.0126953H50.296C50.296%200.0126953%2050.3473%2011.2079%2050.2572%2016.7407C50.1277%2020.7998%2046.5489%2023.8372%2042.4914%2023.992C38.1108%2024.1604%2035.2925%2021.7045%2034.3377%2019.2208C33.0319%2015.8333%2033.4198%2012.6537%2035.7846%209.83596C37.7742%207.43326%2042.4392%206.23055%2045.8119%209.09237ZM45.6823%2015.6973C45.6823%2013.4873%2044.1579%2011.9227%2042.0261%2011.9101C39.8547%2011.8975%2038.2269%2013.5134%2038.2143%2015.6847C38.2017%2017.8561%2039.8161%2019.5107%2041.9614%2019.5368C44.1319%2019.5458%2045.6959%2017.9299%2045.6823%2015.6928V15.6973Z%22%20fill%3D%22%23320972%22%20style%3D%22fill%3A%20rgb(50%2C%209%2C%20114)%20!important%3B%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M64.6663%209.11298V0H69.2053V0.801203C69.2053%205.88208%2069.2178%2010.9485%2069.2053%2016.0294C69.1927%2020.4405%2065.7426%2023.8245%2061.3232%2023.9793C56.5934%2024.1477%2053.5185%2021.1616%2052.7303%2017.7488C51.709%2013.353%2053.9703%208.94554%2057.9766%207.75634C60.3505%207.05777%2062.6244%207.27742%2064.6663%209.11298ZM57.1469%2015.6801C57.1334%2017.8911%2058.71%2019.5061%2060.8805%2019.5322C63.0258%2019.5583%2064.641%2017.9037%2064.6285%2015.7062C64.6159%2013.5088%2063.0645%2011.9181%2060.9453%2011.9181C58.7604%2011.8929%2057.1586%2013.4827%2057.1469%2015.6801Z%22%20fill%3D%22%23320972%22%20style%3D%22fill%3A%20rgb(50%2C%209%2C%20114)%20!important%3B%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M14.2959%2019.5197C14.2959%2020.5279%2014.2832%2022.4409%2014.2832%2023.5914H12.7067C9.86401%2023.5914%207.02131%2023.604%204.17861%2023.5914C2.13679%2023.5788%200.714994%2022.6219%200.211064%2020.9672C-0.344158%2019.1056%200.184967%2017.4645%201.92983%2016.3761C3.57119%2015.3553%205.34125%2014.5279%207.0465%2013.6097C7.48655%2013.3775%207.95178%2013.2091%208.35222%2012.9256C8.40549%2012.8844%208.45328%2012.8366%208.4944%2012.7833C8.55161%2012.7036%208.58634%2012.6099%208.595%2012.5121C8.60366%2012.4143%208.58591%2012.316%208.54362%2012.2274C8.50133%2012.1389%208.43603%2012.0633%208.35457%2012.0086C8.27309%2011.9538%208.17843%2011.922%208.08046%2011.9164H8.06786C5.87127%2011.8912%203.65848%2011.9038%201.45199%2011.9038H0.469327V7.82129H9.69574C10.1596%207.82516%2010.6223%207.86823%2011.0789%207.95002C12.4611%208.18228%2013.5202%208.88085%2013.9729%2010.2636C14.4642%2011.7373%2014.2185%2013.1722%2013.0297%2014.1679C11.8924%2015.1248%2010.574%2015.8873%209.29529%2016.6498C8.22264%2017.2799%207.0861%2017.7877%205.99995%2018.4079C5.95829%2018.4339%205.91939%2018.464%205.88386%2018.4979C5.79586%2018.5758%205.73338%2018.6784%205.70458%2018.7924C5.67577%2018.9063%205.68199%2019.0263%205.72243%2019.1366C5.76285%2019.247%205.83562%2019.3426%205.9312%2019.4109C6.02679%2019.4793%206.14075%2019.5172%206.25822%2019.5197L6.79814%2019.5323C8.507%2019.5584%2012.6158%2019.5062%2014.2959%2019.5197Z%22%20fill%3D%22%23320972%22%20style%3D%22fill%3A%20rgb(50%2C%209%2C%20114)%20!important%3B%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M26.8568%207.87198H31.3922C31.3796%208.05202%2031.4957%2014.8658%2031.224%2018.2003C30.9656%2021.406%2028.149%2023.7466%2024.8663%2023.9401C22.2828%2024.0949%2019.8918%2023.6295%2018.083%2021.5482C17.1831%2020.5012%2016.5838%2019.2733%2016.5452%2017.9293C16.4552%2014.5985%2016.5191%2011.2586%2016.5191%207.85938H20.977V8.7641C20.9896%2011.3748%2020.951%2013.9854%2021.0032%2016.5961C21.0418%2018.7566%2022.8506%2020.0169%2024.9185%2019.3751C26.055%2019.0258%2026.7794%2018.1724%2026.8082%2016.9445C26.8568%2014.2582%2026.882%2010.5736%2026.8568%207.87198Z%22%20fill%3D%22%23320972%22%20style%3D%22fill%3A%20rgb(50%2C%209%2C%20114)%20!important%3B%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M75.7906%2023.5913H71.3975V0H75.7906V23.5913Z%22%20fill%3D%22%23320972%22%20style%3D%22fill%3A%20rgb(50%2C%209%2C%20114)%20!important%3B%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%20%20%3Cdefs%20style%3D%22fill%3A%20none%20!important%3B%22%3E%0A%20%20%20%20%3CclipPath%20id%3D%22clip0_1344_18318%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%0A%20%20%20%20%20%20%3Crect%20width%3D%22776.5%22%20height%3D%2224%22%20fill%3D%22white%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%0A%20%20%20%20%3C%2FclipPath%3E%0A%20%20%3C%2Fdefs%3E%0A%3C%2Fsvg%3E",
    "favicon": "https://cdn.prod.website-files.com/601fab1cb6249b3cc9f592f0/6342e0cd025b9fe0c655fba4_32x32.png",
    "ogImage": "https://cdn.prod.website-files.com/601fab1cb6249b3cc9f592f0/66ffdb1e526d3bdeb9f5bd11_OG-home.png",
    "logoHref": "/"
  }
}