Swif.ai Brand: Colors, Fonts, Logo & Visual Identity

Swif.ai Brand Identity

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

Color Palette

Brand palette extracted from https://www.swif.ai.

Colors

Typography

Each font links to its Google Fonts page where available.

Fonts

Visual Assets

Favicon

Social Card

UI Components

Live previews rendered using Swif.ai's actual button styles.

Input

Button Primary

Button Secondary

Brand Personality

Frequently Asked Questions

  1. What is Swif.ai's primary brand color?

    • Swif.ai's primary brand color is #909DAA.
  2. What accent color does Swif.ai use?

    • Swif.ai uses #1FAE55 as an accent color.
  3. What font does Swif.ai use?

    • Swif.ai uses Plus Jakarta Text for body text and Bebas Neue for headings.
  4. Does Swif.ai use a light or dark theme?

    • Swif.ai's primary site uses a dark color scheme.
  5. How was this brand profile generated?

    • This profile was extracted using the Firecrawl branding extraction API.

Methodology

Brand data on this page was extracted from https://www.swif.ai on 2026-07-27 using the Firecrawl branding extraction API.

Machine-Readable Profile

Direct endpoints for agents, designers, and tooling.

JSON Output

{
  "colorScheme": "dark",
  "fonts": [
    {"family": "Plus Jakarta Text", "role": "body"},
    {"family": "Bebas Neue", "role": "display"}
  ],
  "colors": {
    "primary": "#909DAA",
    "secondary": "#3AE87C",
    "accent": "#1FAE55",
    "background": "#0C1119",
    "textPrimary": "#F6F9FC",
    "link": "#ADBDCC"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Plus Jakarta Text",
      "heading": "Bebas Neue"
    }
  },
  "components": {
    "input": {
      "background": "#FFFFFF",
      "textColor": "#737373",
      "borderColor": "#282E35",
      "borderRadius": "10px"
    },
    "buttonPrimary": {
      "background": "#1FAE55",
      "textColor": "#FFFFFF",
      "borderRadius": "8px"
    },
    "buttonSecondary": {
      "background": "#0C1119",
      "textColor": "#F6F9FC",
      "borderColor": "#BEBEBE",
      "borderRadius": "8px"
    }
  },
  "images": {
    "favicon": "https://cdn.prod.website-files.com/6248fbb9a0949a2fbdaa4caa/63977afbc779e3d44c7b6659_31995_Logo%20PREVIEW.png",
    "ogImage": "https://assets.swifteam.com/icons/ST-OpenGraph.jpg"
  }
}