Rutter Brand: Colors, Fonts, Logo & Visual Identity

Rutter Brand Identity

A complete profile of Rutter's visual system — colors, typography, components, and personality — extracted from https://rutter.com. Built for designers, agents, and AI tools.

Color Palette

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

Primary: #BD4EFF
Secondary: #1F1727
Accent: #212430
Background: #FFFFFF
Text Primary: #212430
Link: #212430

Typography

Each font links to its Google Fonts page where available.

Primary: Roboto Google Fonts →
Heading: Roboto Google Fonts →
Martian Mono, sans-serif

Visual Assets

Logo

Favicon

Social Card

UI Components

Live previews rendered using Rutter's actual button styles.

Input:

Background: transparent
Text Color: #FFFFFF
Border Color: null
Border Radius: 0px
Shadow: none

Button Primary:

Background: #212430
Text Color: #F9F8FC
Border Color: #020211
Border Radius: 4px
Shadow: none

Button Secondary:

Background: #FFFFFF
Text Color: #212430
Border Color: #FFFFFF
Border Radius: 4px
Shadow: none

Brand Personality

Tone: professional
Energy: medium
Audience: B2B financial services

Rutter Brand in the Wild

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

Image Source: cdn.prod.website-files.com
Link to Source: rutter.com

Frequently Asked Questions

What is Rutter's primary brand color?
- Rutter's primary brand color is #BD4EFF.
What accent color does Rutter use?
- Rutter uses #212430 as an accent color.
What font does Rutter use?
- Rutter uses Roboto as the primary typeface.
Does Rutter use a light or dark theme?
- Rutter's primary site uses a light color scheme.
Where can I find Rutter's logo?
- Rutter's logo is available directly on their site.
How was this brand profile generated?
- This profile was extracted from https://rutter.com using the Firecrawl branding extraction API.

Methodology

Brand data was extracted from https://rutter.com using the Firecrawl branding extraction API.

Machine-Readable Profile

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

{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "Roboto",
      "role": "body"
    }
  ],
  "colors": {
    "primary": "#BD4EFF",
    "secondary": "#1F1727",
    "accent": "#212430",
    "background": "#FFFFFF",
    "textPrimary": "#212430",
    "link": "#212430"
  },
  "images": {
    "logo": "data:image/svg+xml;utf8,%3Csvg%20width%3D%22100%25%22%20height%3D%22100%25%22%20...",