# Synder Brand Identity

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

## Color Palette

Brand palette extracted from https://synder.com.

primary

- **#2081F3**
- rgb(32, 129, 243)

secondary

- **#2E3C4B**
- rgb(46, 60, 75)

accent

- **#00FEB2**
- rgb(0, 254, 178)

background

- **#1C1F23**
- rgb(28, 31, 35)

textPrimary

- **#1C1F23**
- rgb(28, 31, 35)

link

- **#0C121C**
- rgb(12, 18, 28)

## Typography

Each font links to its Google Fonts page where available.

primary

- **Inter**
- [Inter Google Fonts →](https://fonts.google.com/specimen/Inter)

heading

- **Poppins**
- [Poppins Google Fonts →](https://fonts.google.com/specimen/Poppins)

Poppins, sans-serif

## Visual Assets

Logo

Favicon

Social Card

## UI Components

Live previews rendered using Synder's actual button styles.

### Button Primary

- **buttonPrimary**
- background: #00FEB2
- textColor: #01204F
- borderRadius: 8px
- shadow: none

### Button Secondary

- **buttonSecondary**
- background: #1C1F23
- textColor: #FFFFFF
- borderColor: #FFFFFF
- borderRadius: 8px
- shadow: none

## Brand Personality

**Tone:** professional  **Energy:** medium  **Audience:** businesses seeking accounting automation

## Synder Brand in the Wild

Image: [cdn.prod.website-files.com](https://cdn.prod.website-files.com/62b0613e35e2c83249c7f552/681327ba2572c06542ba6a67_630f19a6f5f89715a4b467ee_easy%2520connection-04.png)

Source: [synder.com](https://synder.com/integrations/wepay/)

Image: [synder.com](https://synder.com/blog/wp-content/uploads/sites/5/2023/11/banners-for-blog-800x500.png)

Source: [synder.com](https://synder.com/blog/tag/synder/)

Image: [synder.com](https://cdn.prod.website-files.com/62b05fa135e2c80bcec7e894/65312e8d9853341cf2007de7_Shopify-Symbol.png)

Source: [synder.com](https://synder.com/integrations/xero/)

Image: [synder.com](https://synder.com/blog/wp-content/uploads/sites/5/2025/05/banners-for-blog-81-800x500.png)

Source: [synder.com](https://synder.com/blog/shopify-vs-woocommerce/)

Image: [synder.com](https://cdn.prod.website-files.com/62b0613e35e2c83249c7f552/681327bb778407029b7c3294_630f1a13edd15cf610f21f21_multiple%2520currency%2520payments-09.png)

Source: [synder.com](https://synder.com/integrations/wepay/)

Image: [synder.com](https://synder.com/blog/wp-content/uploads/sites/5/2024/05/image-1024x424.png)

Source: [synder.com](https://synder.com/blog/best-accounting-blogs/)

## Frequently Asked Questions

**What is Synder's primary brand color?**

Synder's primary brand color is #2081F3. It anchors the visual identity across their website, product UI, and marketing materials.

**What accent color does Synder use?**

Synder uses #00FEB2 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.

**What font does Synder use?**

Synder uses Inter for body text and Poppins for headings. Fonts were detected on https://synder.com as part of their live design system.

**Does Synder use a light or dark theme?**

Synder's primary site uses a dark color scheme, with a background of #1C1F23.

**Where can I find Synder's logo?**

Synder's logo is available directly on their site (https://synder.com). 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://synder.com 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 Synder.

## Methodology

Brand data on this page was extracted from [https://synder.com](https://synder.com/) on 2026-07-27 using the [Firecrawl](https://firecrawl.dev/) branding extraction API, which inspects each site's live CSS, font network requests, color tokens, and component styles. Brand-in-the-wild images were sourced via Google Image Search restricted to ad/webinar/report queries and link out to their original third-party publishers; we link to the source rather than re-hosting third-party content. This page is published by **CharacterQuilt** and is not affiliated with or endorsed by Synder.

## Machine-Readable Profile

Direct endpoints for agents, designers, and tooling. No login or auth required.

```json
{
  "colorScheme": "dark",
  "fonts": [
    {
      "family": "Inter",
      "role": "body"
    },
    {
      "family": "Poppins",
      "role": "heading"
    }
  ],
  "colors": {
    "primary": "#2081F3",
    "secondary": "#2E3C4B",
    "accent": "#00FEB2",
    "background": "#1C1F23",
    "textPrimary": "#1C1F23",
    "link": "#0C121C"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Inter",
      "heading": "Poppins"
    },
    "fontStacks": {
      "heading": [
        "Poppins",
        "sans-serif"
      ],
      "body": [
        "Arial",
        "sans-serif"
      ],
      "paragraph": [
        "Inter",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "60px",
      "h2": "38px",
      "body": "16px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "8px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#00FEB2",
      "textColor": "#01204F",
      "borderRadius": "8px",
      "borderRadiusCorners": {
        "topLeft": "8px",
        "topRight": "8px",
        "bottomRight": "8px",
        "bottomLeft": "8px"
      },
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#1C1F23",
      "textColor": "#FFFFFF",
      "borderColor": "#FFFFFF",
      "borderRadius": "8px",
      "borderRadiusCorners": {
        "topLeft": "8px",
        "topRight": "8px",
        "bottomRight": "8px",
        "bottomLeft": "8px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "https://cdn.prod.website-files.com/622efc5ff4a0f4c4a8b262d5/665053f1c89712c5d8aabe90_logo-synder-white.svg",
    "favicon": "https://cdn.prod.website-files.com/622efc5ff4a0f4c4a8b262d5/622efc5ff4a0f412dbb26315_cropped-favicon-32x32.png",
    "ogImage": "https://cdn.prod.website-files.com/622efc5ff4a0f4c4a8b262d5/68e794c67d3a56dbd7fa7a91_og%20synder%20brand.jpg",
    "logoHref": "https://synder.com/",
    "logoAlt": "Synder"
  },
  "personality": {
    "tone": "professional",
    "energy": "medium",
    "targetAudience": "businesses seeking accounting automation"
  }
}
```