Dotwork Brand: Colors, Fonts, Logo & Visual Identity

Dotwork Brand Identity

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

Color Palette

Brand palette extracted from https://www.dotwork.com/.
Primary: #9CA3AF
Accent: #292929
Body Font: Source Serif 4
Heading: Source Serif 4

Colors:

Primary: #9CA3AF
Secondary: #111827
Accent: #292929
Background: #292929
Text Primary: #292929
Link: #6B7280

Typography

Each font links to its Google Fonts page where available.
Primary: Source Serif 4
Heading: Source Serif 4
Source Serif 4 Google Fonts →

Visual Assets

Logo

Favicon

Social Card

UI Components

Button Primary

Background: #292929
Text Color: #FFFFFF
Border Radius: 4px
Shadow: none

Button Secondary

Background: #F5F6F8
Text Color: #4B5563
Border Radius: 9999px
Shadow: none

Brand Personality

Tone: modern
Energy: medium
Audience: business professionals

Dotwork Brand in the Wild

Source: dotwork.com

Frequently Asked Questions

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

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

What font does Dotwork use?
Dotwork uses Source Serif 4 as the primary typeface across body and headings.

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

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

Machine-Readable Profile

{
  "colorScheme": "dark",
  "fonts": [
    {
      "family": "Source Serif 4",
      "role": "body"
    }
  ],
  "colors": {
    "primary": "#9CA3AF",
    "secondary": "#111827",
    "accent": "#292929",
    "background": "#292929",
    "textPrimary": "#292929",
    "link": "#6B7280"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Source Serif 4",
      "heading": "Source Serif 4"
    },
    "fontStacks": {
      "heading": [
        "Source Serif 4",
        "serif"
      ],
      "body": [
        "ui-sans-serif",
        "system-ui",
        "sans-serif",
        "Apple Color Emoji",
        "Segoe UI Emoji",
        "Segoe UI Symbol",
        "Noto Color Emoji"
      ],
      "paragraph": [
        "ui-sans-serif",
        "system-ui",
        "sans-serif",
        "Apple Color Emoji",
        "Segoe UI Emoji",
        "Segoe UI Symbol",
        "Noto Color Emoji"
      ]
    },
    "fontSizes": {
      "h1": "48px",
      "h2": "42px",
      "body": "18px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "4px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#292929",
      "textColor": "#FFFFFF",
      "borderRadius": "4px",
      "borderRadiusCorners": {
        "topLeft": "4px",
        "topRight": "4px",
        "bottomRight": "4px",
        "bottomLeft": "4px"
      },
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#F5F6F8",
      "textColor": "#4B5563",
      "borderRadius": "9999px",
      "borderRadiusCorners": {
        "topLeft": "9999px",
        "topRight": "9999px",
        "bottomRight": "9999px",
        "bottomLeft": "9999px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "https://dotwork.com/images/dotwork_logo_dark.svg",
    "favicon": "https://dotwork.com/favicon.png",
    "ogImage": "https://dotwork.com/images/social-preview.png",
    "logoHref": "/",
    "logoAlt": "Dotwork"
  },
  "personality": {
    "tone": "modern",
    "energy": "medium",
    "targetAudience": "business professionals"
  },
  "designSystem": {
    "framework": "tailwind",
    "componentLibrary": ""
  }
}