Workfront Brand Identity

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

Primary

• Color: #274DEA

Accent

• Color: #3B63FB

Body Font

• Adobe Clean

Heading

• Trebuchet MS

Color Palette

Brand palette extracted from https://business.adobe.com.

• Primary:

  • Hex: #274DEA
  • RGB: rgb(39, 77, 234)

• Secondary:

  • Hex: #FF00A0
  • RGB: rgb(255, 0, 160)

• Accent:

  • Hex: #3B63FB
  • RGB: rgb(59, 99, 251)

• Background:

  • Hex: #FFFFFF
  • RGB: rgb(255, 255, 255)

• Text Primary:

  • Hex: #292929
  • RGB: rgb(41, 41, 41)

• Link:

  • Hex: #3B63FB
  • RGB: rgb(59, 99, 251)

Typography

Each font links to its Google Fonts page where available.

• Primary Font: Adobe Clean (Google Fonts →)
• Heading Font: Trebuchet MS (Google Fonts →)

Visual Assets

• Logo

• Favicon

• Social Card

UI Components

Live previews rendered using Workfront's actual button styles.

• Input:

  • Background: transparent
  • Text Color: #292929
  • Border Color: null
  • Border Radius: 0px
  • Shadow: none

• Button Primary:

  • Background: #FFFFFF
  • Text Color: #2C2C2C
  • Border Color: #FFFFFF
  • Border Radius: 16px
  • Shadow: none

• Button Secondary:

  • Background: #2C2C2C
  • Text Color: #FFFFFF
  • Border Color: #FFFFFF
  • Border Radius: 20px
  • Shadow: none

Brand Personality

• Tone: professional
• Energy: medium
• Audience: enterprise businesses

Frequently Asked Questions

• What is Workfront's primary brand color?

  • Workfront's primary brand color is #274DEA.

• What accent color does Workfront use?

  • Workfront uses #3B63FB as an accent color.

• What font does Workfront use?

  • Workfront uses Adobe Clean for body text and Trebuchet MS for headings.

• Does Workfront use a light or dark theme?

  • Workfront's primary site uses a light color scheme, with a background of #FFFFFF.

• Where can I find Workfront's logo?

  • Workfront's logo is available directly on their site (https://business.adobe.com).

Methodology

Brand data on this page was extracted from https://business.adobe.com using the Firecrawl branding extraction API, which inspects the live page's CSS, font network requests, color tokens, and component styles.

Machine-Readable Profile

{
  "colorScheme": "light",
  "fonts": [
    { "family": "Adobe Clean", "role": "body" },
    { "family": "Trebuchet MS", "role": "heading" },
    { "family": "Arial", "role": "unknown" }
  ],
  "colors": {
    "primary": "#274DEA",
    "secondary": "#FF00A0",
    "accent": "#3B63FB",
    "background": "#FFFFFF",
    "textPrimary": "#292929",
    "link": "#3B63FB"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Adobe Clean",
      "heading": "Trebuchet MS"
    },
    "fontStacks": {
      "heading": ["Adobe Clean", "adobe-clean", "Trebuchet MS", "sans-serif"],
      "body": ["Adobe Clean", "adobe-clean", "Trebuchet MS", "sans-serif"],
      "paragraph": ["Adobe Clean", "adobe-clean", "Trebuchet MS", "sans-serif"]
    },
    "fontSizes": {
      "h1": "16px",
      "h2": "44px",
      "body": "14px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "8px"
  },
  "components": {
    "input": {
      "background": "transparent",
      "textColor": "#292929",
      "borderColor": null,
      "borderRadius": "0px",
      "shadow": "none"
    },
    "buttonPrimary": {
      "background": "#FFFFFF",
      "textColor": "#2C2C2C",
      "borderColor": "#FFFFFF",
      "borderRadius": "16px",
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#2C2C2C",
      "textColor": "#FFFFFF",
      "borderColor": "#FFFFFF",
      "borderRadius": "20px",
      "shadow": "none"
    }
  },
  "images": {
    "logo": "https://business.adobe.com/assets/icons/gnav/adobe-for-business-web-lockup-rev2.svg",
    "favicon": "https://business.adobe.com/img/favicons/favicon.ico",
    "ogImage": "https://business.adobe.com/media_14f51d4684c05e97465248122131f08550ea52ed1.png?width=1200&format=pjpg&optimize=medium",
    "logoHref": "https://business.adobe.com/",
    "logoAlt": "Adobe for business"
  }
}