# Swipe Brand Identity

A complete profile of **Swipe**'s visual system — colors, typography, components, and personality — extracted from [https://getswipe.in](https://getswipe.in/). Built for designers, agents, and AI tools.

## Color Palette

Brand palette extracted from https://getswipe.in.

- **primary**: #2754FF  
- **secondary**: #2563EB  
- **accent**: #2754FF  
- **background**: #FFFFFF  
- **textPrimary**: #374151  
- **link**: #374151

## Typography

Each font links to its Google Fonts page where available.

- **primary**: DM Sans  
- **heading**: DM Sans

## Visual Assets

Logo

Favicon

Social Card

## UI Components

Live previews rendered using Swipe's actual button styles.

- **Button Primary**  
  - background: #2754FF  
  - textColor: #FFFFFF  
  - borderRadius: 6px  
  - shadow: none

- **Button Secondary**  
  - background: #E5E7EB  
  - textColor: #000000  
  - borderRadius: 9999px  
  - shadow: none

## Brand Personality

- **Tone**: professional  
- **Energy**: medium  
- **Audience**: SMEs looking for invoicing and billing solutions

## Frequently Asked Questions

**What is Swipe's primary brand color?**  
Swipe's primary brand color is #2754FF. It anchors the visual identity across their website, product UI, and marketing materials.

**What font does Swipe use?**  
Swipe uses DM Sans as the primary typeface across body and headings.

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

**Where can I find Swipe's logo?**  
Swipe's logo is available directly on their site (https://getswipe.in). 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://getswipe.in 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 Swipe.

## Machine-Readable Profile

```json
{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "DM Sans",
      "role": "body"
    }
  ],
  "colors": {
    "primary": "#2754FF",
    "secondary": "#2563EB",
    "accent": "#2754FF",
    "background": "#FFFFFF",
    "textPrimary": "#374151",
    "link": "#374151"
  },
  "typography": {
    "fontFamilies": {
      "primary": "DM Sans",
      "heading": "DM Sans"
    },
    "fontStacks": {
      "heading": [
        "__DM_Sans_6b61d4",
        "__DM_Sans_Fallback_6b61d4",
        "ui-sans-serif",
        "system-ui",
        "sans-serif",
        "Apple Color Emoji",
        "Segoe UI Emoji",
        "Segoe UI Symbol",
        "Noto Color Emoji"
      ],
      "body": [
        "__DM_Sans_6b61d4",
        "__DM_Sans_Fallback_6b61d4",
        "ui-sans-serif",
        "system-ui",
        "sans-serif",
        "Apple Color Emoji",
        "Segoe UI Emoji",
        "Segoe UI Symbol",
        "Noto Color Emoji"
      ],
      "paragraph": [
        "__DM_Sans_6b61d4",
        "__DM_Sans_Fallback_6b61d4",
        "ui-sans-serif",
        "system-ui",
        "sans-serif",
        "Apple Color Emoji",
        "Segoe UI Emoji",
        "Segoe UI Symbol",
        "Noto Color Emoji"
      ]
    }
  },
  "spacing": {
    "baseUnit": 8,
    "borderRadius": "0px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#2754FF",
      "textColor": "#FFFFFF",
      "borderRadius": "6px",
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#E5E7EB",
      "textColor": "#000000",
      "borderRadius": "9999px",
      "shadow": "none"
    }
  },
  "images": {
    "logo": "https://getswipe.azureedge.net/getswipe/images/logo.svg",
    "favicon": "https://getswipe.in/images/favicon.png",
    "ogImage": "https://getswipe.in/resources/images/swipe_logo.png"
  }
}
```