Demodesk Brand Identity

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

Color Palette

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

• primary: #0049FF
• rgb(0, 73, 255)
• secondary: #067166
• rgb(6, 113, 102)
• accent: #0049FF
• rgb(0, 73, 255)
• background: #FFFFFF
• rgb(255, 255, 255)
• textPrimary: #863C3C
• rgb(134, 60, 60)
• link: #863C3C
• rgb(134, 60, 60)

Typography

Each font links to its Google Fonts page where available.

• primary: Roboto
• heading: Raleway

Visual Assets

UI Components

Live previews rendered using Demodesk's actual button styles.

• Input
  background: #EFEFEF
  textColor: #2B2D28
  borderColor: #767676
  borderRadius: 0px
  shadow: none

• Button Primary
  background: #0049FF
  textColor: #2B2D28
  borderRadius: 0px
  shadow: none

• Button Secondary
  background: #FFFFFF
  textColor: #212529
  borderColor: #212529
  borderRadius: 4px
  shadow: none

Brand Personality

• Tone: modern
• Energy: high
• Audience: sales and revenue teams

Frequently Asked Questions

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

What font does Demodesk use?
Demodesk uses Roboto for body text and Raleway for headings. Fonts were detected on https://demodesk.com as part of their live design system.

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

Where can I find Demodesk's logo?
Demodesk's logo is available directly on their site (https://demodesk.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://demodesk.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 Demodesk.

Machine-Readable Profile

Direct endpoints for agents, designers, and tooling. No login or auth required.

{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "Roboto",
      "role": "body"
    },
    {
      "family": "Raleway",
      "role": "heading"
    }
  ],
  "colors": {
    "primary": "#0049FF",
    "secondary": "#067166",
    "accent": "#0049FF",
    "background": "#FFFFFF",
    "textPrimary": "#863C3C",
    "link": "#863C3C"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Roboto",
      "heading": "Raleway"
    },
    "fontStacks": {
      "heading": [
        "Roboto",
        "sans-serif"
      ],
      "body": [
        "Raleway",
        "sans-serif"
      ],
      "paragraph": [
        "Raleway",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "18px",
      "h2": "64px",
      "body": "20px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "8px"
  },
  "components": {
    "input": {
      "background": "#EFEFEF",
      "textColor": "#2B2D28",
      "borderColor": "#767676",
      "borderRadius": "0px",
      "borderRadiusCorners": {
        "topLeft": "0px",
        "topRight": "0px",
        "bottomRight": "0px",
        "bottomLeft": "0px"
      },
      "shadow": "none"
    },
    "buttonPrimary": {
      "background": "#0049FF",
      "textColor": "#2B2D28",
      "borderRadius": "0px",
      "borderRadiusCorners": {
        "topLeft": "0px",
        "topRight": "0px",
        "bottomRight": "0px",
        "bottomLeft": "0px"
      },
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#FFFFFF",
      "textColor": "#212529",
      "borderColor": "#212529",
      "borderRadius": "4px",
      "borderRadiusCorners": {
        "topLeft": "4px",
        "topRight": "4px",
        "bottomRight": "4px",
        "bottomLeft": "4px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "https://cdn.prod.website-files.com/6048e45faa378d2a5d047448/60c1d4cccd369078acc15a4c_Logo.svg",
    "favicon": "https://cdn.prod.website-files.com/6048e45faa378d2a5d047448/60c9273d7d9fc62afc4e7c18_favicon-32x32.png",
    "ogImage": "https://cdn.prod.website-files.com/6048e45faa378d2a5d047448/67d23807fe9c0a2db7c54839_OG_Image.jpg",
    "logoHref": "/",
    "logoAlt": "Demodesk's logo - black"
  },
  "__llm_logo_reasoning": {
    "selectedIndex": 0,
    "reasoning": "Selected #0 because it is visible, located in the header, links to the homepage, and matches the brand name 'Demodesk'.",
    "confidence": 0.95,
    "source": "llm"
  },
  "__llm_button_reasoning": {
    "primary": {
      "index": 0,
      "text": "Try for freeBook a Demo",
      "reasoning": "Button #5 has a vibrant blue background (#0049FF), which is the brand color, and the text 'Try for freeBook a Demo' indicates a strong call-to-action."
    },
    "secondary": {
      "index": 14,
      "text": "Download Now",
      "reasoning": "Button #4 has a white background (#FFFFFF) with a contrasting text color, making it a suitable secondary option. It is distinct from the primary button's color group."
    },
    "confidence": 0.95
  },
  "personality": {
    "tone": "modern",
    "energy": "high",
    "targetAudience": "sales and revenue teams"
  },
  "designSystem": {
    "framework": "custom",
    "componentLibrary": ""
  },
  "confidence": {
    "buttons": 0.95,
    "colors": 0.9,
    "overall": 0.925
  },
  "__llm_metadata": {
    "logoSelection": {
      "llmCalled": true,
      "llmSucceeded": true,
      "finalSource": "llm",
      "rawLogoSelection": {
        "selectedLogoIndex": 0,
        "selectedLogoReasoning": "Selected #0 because it is visible, located in the header, links to the homepage, and matches the brand name 'Demodesk'.",
        "confidence": 0.95
      }
    },
    "buttonClassification": {
      "llmCalled": true,
      "llmSucceeded": true
    }
  }
}