Garage Brand Identity

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

Color Palette

Brand palette extracted from https://www.shopgarage.com/.

• Primary: #A855F7
• Secondary: #F97316
• Accent: #A855F7
• Background: #FFFFFF
• Text Primary: #525252
• Link: #6B7280

Typography

Each font links to its Google Fonts page where available.

• Primary: ui-sans-serif
• Heading: ui-sans-serif

Visual Assets

UI Components

Live previews rendered using Garage's actual button styles.

• Input:

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

• Button Primary:

  • Background: #A855F7
  • Text Color: #FFFFFF
  • Border Color: #A855F7
  • Border Radius: 8px
  • Shadow: none

• Button Secondary:

  • Background: #B3B3B3
  • Text Color: #FFFFFF
  • Border Color: #FFFFFF
  • Border Radius: 8px
  • Shadow: none

Brand Personality

• Tone: professional
• Energy: medium
• Audience: emergency services professionals

Frequently Asked Questions

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

2. What font does Garage use?
   Garage uses ui-sans-serif as the primary typeface across body and headings.

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

4. Where can I find Garage's logo?
   Garage's logo is available directly on their site (https://www.shopgarage.com/). The current logo URL is included in the machine-readable JSON profile linked above.

5. How was this brand profile generated?
   This profile was extracted from https://www.shopgarage.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 Garage.