Faction Brand Identity

A complete profile of Faction's visual system — colors, typography, components, and personality.

Quick Facts

Color Palette

• primary: #2763FD
• secondary: #0082F3
• accent: #3898EC
• background: #FFFFFF
• textPrimary: #272727
• link: #3898EC

Typography

• primary: Inter — https://fonts.google.com/specimen/Inter
• heading: Kanit — https://fonts.google.com/specimen/Kanit

Visual Assets

• Logo:
• Favicon:
• Social card (og:image):

UI Components

• input: background=#FFFFFF, textColor=#272727, borderColor=null, borderRadius=0px, shadow=none
• buttonPrimary: background=#272727, textColor=#FFFFFF, borderRadius=0px, shadow=none
• buttonSecondary: background=#FFFFFF, textColor=#272727, borderRadius=0px, shadow=none

Brand Personality

Tone: modern · Energy: medium · Audience: tech-savvy businesses and individuals interested in autonomous vehicle technology

Faction Brand in the Wild

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

• Faction is nominated for Best Autonomy & Robotics Company in 2024
  • Image:
  • Source: Link
• Blog | Faction
  • Image:
  • Source: Link
• Faction plans to deploy 310 driverless enabled Arcimoto FUVs with GoCar Tours
  • Image:
  • Source: Link
• Technology | Faction
  • Image:
  • Source: Link
• Faction - Driverless Vehicle Platform for Delivery and Vehicle On-Demand
  • Image: %202%20(1).webp)
  • Source: Link
• Blog | Faction
  • Image:
  • Source: Link

Working with these fonts

Not found on Google Fonts? Follow this suggested flow:

1. Open the company's homepage in a browser with DevTools open.
2. In the Network tab, filter by "Font".
3. Hard-reload the page and capture necessary font URLs.
4. Save the font files locally.
5. Adjust CSS to point to your local files.

Use the above method only if you have permission to use the brand assets.

Machine-Readable Profile

{
 "colorScheme": "light",
 "fonts": [
  {
   "family": "Inter",
   "role": "body"
  },
  {
   "family": "Kanit",
   "role": "heading"
  }
 ],
 "colors": {
  "primary": "#2763FD",
  "secondary": "#0082F3",
  "accent": "#3898EC",
  "background": "#FFFFFF",
  "textPrimary": "#272727",
  "link": "#3898EC"
 },
 "typography": {
  "fontFamilies": {
   "primary": "Inter",
   "heading": "Kanit"
  },
  "fontStacks": {
   "heading": [
    "Kanit",
    "sans-serif"
   ],
   "body": [
    "Inter",
    "sans-serif"
   ],
   "paragraph": [
    "Inter",
    "sans-serif"
   ]
  },
  "fontSizes": {
   "h1": "60px",
   "h2": "60px",
   "body": "20px"
  }
 },
 "spacing": {
  "baseUnit": 4,
  "borderRadius": "0px"
 },
 "components": {
  "input": {
   "background": "#FFFFFF",
   "textColor": "#272727",
   "borderColor": null,
   "borderRadius": "0px",
   "borderRadiusCorners": {
    "topLeft": "0px",
    "topRight": "0px",
    "bottomRight": "0px",
    "bottomLeft": "0px"
   },
   "shadow": "none"
  },
  "buttonPrimary": {
   "background": "#272727",
   "textColor": "#FFFFFF",
   "borderRadius": "0px",
   "borderRadiusCorners": {
    "topLeft": "0px",
    "topRight": "0px",
    "bottomRight": "0px",
    "bottomLeft": "0px"
   },
   "shadow": "none"
  },
  "buttonSecondary": {
   "background": "#FFFFFF",
   "textColor": "#272727",
   "borderRadius": "0px",
   "borderRadiusCorners": {
    "topLeft": "0px",
    "topRight": "0px",
    "bottomRight": "0px",
    "bottomLeft": "0px"
   },
   "shadow": "none"
  }
 },
 "images": {
  "logo": "https://cdn.prod.website-files.com/60f580fff7c9bf5138118b1e/6187fa99789baef172a05c7c_logo_16.svg",
  "favicon": "https://cdn.prod.website-files.com/60f580fff7c9bf5138118b1e/61a4d67e88bc529f3b09e153_favicon.png",
  "ogImage": "https://cdn.prod.website-files.com/60f580fff7c9bf5138118b1e/65782c9ceea2615e65133ee7_url-preview.webp",
  "logoHref": "/"
 },
 "personality": {
  "tone": "modern",
  "energy": "medium",
  "targetAudience": "tech-savvy businesses and individuals interested in autonomous vehicle technology"
 },
 "designSystem": {
  "framework": "custom",
  "componentLibrary": ""
 }
}