Star Brand Identity

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

Color Palette

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

Typography

Each font links to its Google Fonts page where available.

Visual Assets

%20!important%3B%22%2F%3E%3C%2Fsvg%3E)

Logo

Social Card

UI Components

Input

Button Primary

Button Secondary

Brand Personality

Tone: modern Energy: high Audience: gamers and developers

Star Brand in the Wild

Image: buildwithstar.com

Source: buildwithstar.com

Image: buildwithstar.com

Source: buildwithstar.com

Image: buildwithstar.com

Source: buildwithstar.com

Frequently Asked Questions

What is Star's primary brand color? Star's primary brand color is #4B5461.

What accent color does Star use? Star uses #155DFC as an accent color.

What font does Star use? Star uses Arial as the primary typeface.

Does Star use a light or dark theme? Star's primary site uses a light color scheme.

Where can I find Star's logo? Star's logo is available directly on their site.

How was this brand profile generated? This profile was extracted using the Firecrawl branding extraction API.

Machine-Readable Profile

{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "Arial",
      "count": 83
    },
    {
      "family": "Helvetica",
      "count": 83
    },
    {
      "family": "sans-serif",
      "count": 83
    }
  ],
  "colors": {
    "primary": "#4B5461",
    "secondary": "#BFD9FF",
    "accent": "#155DFC",
    "background": "#FFFFFF",
    "textPrimary": "#1E2939",
    "link": "#1E2939"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Arial",
      "heading": "Arial"
    },
    "fontStacks": {
      "body": [
        "Arial",
        "Helvetica",
        "sans-serif"
      ],
      "heading": [
        "Arial",
        "Helvetica",
        "sans-serif"
      ],
      "paragraph": [
        "Arial",
        "Helvetica",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "72px",
      "h2": "30px",
      "body": "20px"
    }
  },
  "spacing": {
    "baseUnit": 8,
    "borderRadius": "0px"
  },
  "components": {
    "input": {
      "background": "transparent",
      "textColor": "#FFFFFF",
      "borderColor": null,
      "borderRadius": "0px",
      "borderRadiusCorners": {
        "topLeft": "0px",
        "topRight": "0px",
        "bottomRight": "0px",
        "bottomLeft": "0px"
      },
      "shadow": "rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px"
    },
    "buttonPrimary": {
      "background": "#155DFC",
      "textColor": "#FFFFFF",
      "borderRadius": "10px",
      "borderRadiusCorners": {
        "topLeft": "10px",
        "topRight": "10px",
        "bottomRight": "10px",
        "bottomLeft": "10px"
      },
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#364153",
      "textColor": "#99A1AF",
      "borderRadius": "10px",
      "borderRadiusCorners": {
        "topLeft": "10px",
        "topRight": "10px",
        "bottomRight": "10px",
        "bottomLeft": "10px"
      },
      "shadow": "rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px"
    }
  },
  "images": {
    "logo": "data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20class%3D%22w-6%20h-6%20text-current%20transition-transform%20duration-300%22%20fill%3D%22currentColor%22%20data-fc-idx%3D%220%22%3E%3Cpath%20d%3D%22M12%2C1L9%2C9L1%2C12L9%2C15L12%2C23L15%2C15L23%2C12L15%2C9L12%2C1Z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3C%2Fsvg%3E",
    "favicon": null,
    "ogImage": "https://buildwithstar.com/socialpreview.png",
    "logoHref": "/"
  },
  "personality": {
    "tone": "modern",
    "energy": "high",
    "targetAudience": "gamers and developers"
  }
}