Perl Street Brand: Colors, Fonts, Logo & Visual Identity

Perl Street Brand Identity

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

Color Palette

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

Color Type	Hex Code	RGB Values
Primary	#490971	rgb(73, 9, 113)
Secondary	#24496F	rgb(36, 73, 111)
Accent	#A83EEA	rgb(168, 62, 234)
Background	#FFFFFF	rgb(255, 255, 255)
Text	#A83EEA	rgb(168, 62, 234)
Link	#A83EEA	rgb(168, 62, 234)

Typography

Each font links to its Google Fonts page where available.

Role	Font	Google Fonts Link
Body	Poppins	Google Fonts →
Heading	Montserrat	Google Fonts →

Visual Assets

.png)

UI Components

Live previews rendered using Perl Street's actual button styles.

Button Primary

Property	Value
Background	#A83EEA
Text Color	#FFFFFF
Border Color	#A83EEA
Border Radius	5px
Shadow	none

Brand Personality

Tone: modern
Energy: medium
Audience: tech-savvy professionals

Frequently Asked Questions

What is Perl Street's primary brand color?
Perl Street's primary brand color is #490971. It anchors the visual identity across their website, product UI, and marketing materials.

What accent color does Perl Street use?
Perl Street uses #A83EEA as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.

What font does Perl Street use?
Perl Street uses Poppins for body text and Montserrat for headings on https://perlstreet.com/ as part of their live design system.

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

Where can I find Perl Street's logo?
Perl Street's logo is available directly on their site (https://perlstreet.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://perlstreet.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 Perl Street.

Machine-Readable Profile

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

{
  "colorScheme": "light",
  "fonts": [
    { "family": "Poppins", "role": "body" },
    { "family": "Montserrat", "role": "heading" }
  ],
  "colors": {
    "primary": "#490971",
    "secondary": "#24496F",
    "accent": "#A83EEA",
    "background": "#FFFFFF",
    "textPrimary": "#A83EEA",
    "link": "#A83EEA"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Poppins",
      "heading": "Montserrat"
    },
    "fontStacks": {
      "heading": [ "Montserrat", "sans-serif" ],
      "body": [ "Poppins", "sans-serif" ],
      "paragraph": [ "Poppins", "sans-serif" ]
    },
    "fontSizes": {
      "h1": "56px",
      "h2": "12.8px",
      "body": "18px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "11px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#A83EEA",
      "textColor": "#FFFFFF",
      "borderColor": "#A83EEA",
      "borderRadius": "5px",
      "borderRadiusCorners": {
        "topLeft": "5px",
        "topRight": "5px",
        "bottomRight": "5px",
        "bottomLeft": "5px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "https://cdn.prod.website-files.com/662a66c859b2f2a361e095a1/662bb872179fdd3929cfa6f0_perlstreet-logo_black-1.svg",
    "favicon": "https://cdn.prod.website-files.com/662a66c859b2f2a361e095a1/663d0d3e516dd143ca189152_Perl%20Logo%20Icon%20Black%202x.png",
    "ogImage": "https://cdn.prod.website-files.com/662a66c859b2f2a361e095a1/6924aec50b43eef27e5f3c76_open%20graph%20(19).png"
  }
}