Forge Automation Brand Identity

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

Quick Facts

Color Palette

• primary: #374151
• secondary: #9CA3AF
• accent: #33395A
• background: #F3F4F6
• textPrimary: #33395A
• link: #33395A

Typography

• primary: Work Sans — https://fonts.google.com/specimen/Work+Sans
• heading: Work Sans — https://fonts.google.com/specimen/Work+Sans

Visual Assets

• Logo: https://www.forgejobshop.com/docs-assets/logos/header-logo.svg

UI Components

• buttonPrimary: background=#33395A, textColor=#FFFFFF, borderColor=#33395A, borderRadius=8px, shadow=none

Brand Personality

Tone: professional · Energy: medium · Audience: business professionals and manufacturers

Forge Automation Brand in the Wild

Real-world brand assets — ads, campaigns, marketing materials.

• Forge Automation
  • Image: https://www.forgejobshop.com/about-assets/capabilities.JPG
  • Source: http://www.forgeautomation.ca/
• Forge Automation
  • Image: https://www.forgejobshop.com/about-assets/stainless-steel.png
  • Source: http://www.forgeautomation.ca/
• Forge Automation
  • Image: https://www.forgejobshop.com/about-assets/package.png
  • Source: http://www.forgeautomation.ca/
• Forge Automation
  • Image: https://www.forgejobshop.com/about-assets/cart.png
  • Source: http://www.forgeautomation.ca/
• Forge Automation
  • Image: https://www.forgejobshop.com/about-assets/aluminum-alloys.png
  • Source: http://www.forgeautomation.ca/
• Forge Automation
  • Image: https://www.forgejobshop.com/about-assets/hero.png
  • Source: http://www.forgeautomation.ca/

Working with these fonts

Not found on Google Fonts? Here’s a guideline on how to locate and save font files for use:

1. Open the company's homepage in a browser with DevTools open.
2. In the Network tab, filter by "Font" (or use extensions like: woff2, woff, ttf, otf).
3. Hard-reload the page and check different sections (pricing, blog, careers) — some font weights may load on specific routes.
4. For each captured font URL: right-click → Save As to download the file locally.
5. In the page's CSS (DevTools → Sources, or similar), extract the relevant @font-face declarations. Adjust each src: url(...) to point to your local file path.

Programmatic option: Use tools like Playwright or Puppeteer to load the URL, listening for response events indicating font files, then record these accordingly. The CSS extraction follows the same principle.