Jam Brand Identity

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

Color Palette

Brand palette extracted from https://jam.dev/.

• Primary: #21192A
• Secondary: #211A2E
• Accent: #130F18
• Background: #130F18
• Text Primary: #130F18
• Link: #8B94A3

Typography

Each font links to its Google Fonts page where available.

• Body Font: SF Pro Text
• Heading: Oldschool Grotesk
  • Oldschool Grotesk
  • SF Pro Text

Visual Assets

%20!important%3B%22%2F%3E%3Cpath%20d%3D%22...%22%20...%3E

UI Components

Live previews rendered using Jam's actual button styles.

• Button Primary:
  • Background: #130F18
  • Text Color: #130F18
  • Border Radius: 12px
  • Shadow: rgb(255, 255, 255) 0px 0px 0px 0px, rgba(19, 15, 24, 0.1) 0px 0px 0px 2px, rgba(115, 229, 191, 0.2) 0px 20px 25px -5px, rgba(115, 229, 191, 0.2) 0px 8px 10px -6px
• Button Secondary:
  • Background: #FFFFFF
  • Text Color: #8B94A3
  • Border Radius: 0px
  • Shadow: none

Brand Personality

• Tone: modern
• Energy: medium
• Audience: developers and tech companies

Frequently Asked Questions

1. What is Jam's primary brand color?
   • Jam's primary brand color is #21192A.
2. What accent color does Jam use?
   • Jam uses #130F18 as an accent color.
3. What font does Jam use?
   • Jam uses SF Pro Text for body text and Oldschool Grotesk for headings.
4. Does Jam use a light or dark theme?
   • Jam's primary site uses a dark color scheme, with a background of #130F18.
5. Where can I find Jam's logo?
   • Jam's logo is available directly on their site (https://jam.dev/).
6. How was this brand profile generated?
   • This profile was extracted from https://jam.dev/ using the Firecrawl branding extraction API.

Design System

• Framework: tailwind