Beam Brand Identity

A complete profile of Beam's visual system — colors, typography, components, and personality. Built for designers, agents, and AI tools.

Quick Facts

Color Palette

• primary: #9A9DAD
• secondary: #3E5EDD
• accent: #EEF1FD
• background: #17181C
• textPrimary: #17181C
• link: #EEF1FD

Typography

• primary: Inter — https://fonts.google.com/specimen/Inter
• heading: Sequel Sans — https://fonts.google.com/specimen/Sequel+Sans

Visual Assets

• Logo:
• Favicon:
• Social card (og:image):

UI Components

• buttonPrimary: background=#1B1C21, textColor=#EEF1FD, borderRadius=8px, shadow=rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.1) 0px 1px 2px -1px
• buttonSecondary: background=#1E1F24, textColor=#EDEEF0, borderRadius=8px, shadow=rgb(46, 48, 56) 0px 0px 0px 1px inset

Brand Personality

Tone: modern · Energy: medium · Audience: developers

Beam Brand in the Wild

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

• Top Heroku Alternatives • Beam

  • Image:
  • Source: Beam

• Blog • Beam

  • Image:
  • Source: Beam

• AI Infrastructure For Developers • Beam

  • Image:
  • Source: Beam

• Top Python Web Frameworks: Flask, Django, and FastAPI • Beam

  • Image:
  • Source: Beam

• How to Use ComfyUI • Beam

  • Image:
  • Source: Beam

• How Geospy Scaled to 3,000,000 Inference Requests in 1 Month With Beam • Beam

  • Image:
  • Source: Beam

Machine-Readable Profile

{
 "colorScheme": "dark",
 "fonts": [
   {
     "family": "Inter",
     "role": "body"
   },
   {
     "family": "Sequel Sans",
     "role": "heading"
   }
 ],
 "colors": {
   "primary": "#9A9DAD",
   "secondary": "#3E5EDD",
   "accent": "#EEF1FD",
   "background": "#17181C",
   "textPrimary": "#17181C",
   "link": "#EEF1FD"
 },
 "typography": {
   "fontFamilies": {
     "primary": "Inter",
     "heading": "Sequel Sans"
   },
   "fontStacks": {
     "heading": [
       "Inter",
       "system-ui"
     ],
     "body": [
       "Inter",
       "system-ui"
     ],
     "paragraph": [
       "Inter",
       "system-ui"
     ]
   },
   "fontSizes": {
     "h1": "32px",
     "h2": "52px",
     "body": "20px"
   }
 },
 "spacing": {
   "baseUnit": 4,
   "borderRadius": "8px"
 },
 "components": {
   "buttonPrimary": {
     "background": "#1B1C21",
     "textColor": "#EEF1FD",
     "borderRadius": "8px",
     "borderRadiusCorners": {
       "topLeft": "8px",
       "topRight": "8px",
       "bottomRight": "8px",
       "bottomLeft": "8px"
     },
     "shadow": "rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.1) 0px 1px 2px -1px"
   },
   "buttonSecondary": {
     "background": "#1E1F24",
     "textColor": "#EDEEF0",
     "borderRadius": "8px",
     "borderRadiusCorners": {
       "topLeft": "8px",
       "topRight": "8px",
       "bottomRight": "8px",
       "bottomLeft": "8px"
     },
     "shadow": "rgb(46, 48, 56) 0px 0px 0px 1px inset"
   }
 },
 "images": {
   "logo": "https://www.beam.cloud/static/media/beam-logo.2759c43b.svg",
   "favicon": "https://www.beam.cloud/favicon.ico",
   "ogImage": "https://www.beam.cloud/meta-hero.png",
   "logoHref": "/",
   "logoAlt": "slai-logo-footer"
 },
 "__llm_logo_reasoning": {
   "selectedIndex": 0,
   "reasoning": "Selected #0 because it is visible, medium-sized, and matches the brand name 'Beam' from the URL and page title. It links to the homepage, indicating it is the main brand logo.",
   "confidence": 0.95,
   "source": "llm"
 },
 "__llm_button_reasoning": {
   "primary": {
     "index": 0,
     "text": "Start Deploying",
     "reasoning": "Button #0 ('Start Deploying') is the primary CTA because it uses action-oriented text and stands out as a key action for users to begin using the service."
   },
   "secondary": {
     "index": 1,
     "text": "Talk to an Engineer",
     "reasoning": "Button #1 ('Talk to an Engineer') serves as a secondary action, offering support and engagement, which complements the primary action."
   },
   "confidence": 0.9
 },
 "personality": {
   "tone": "modern",
   "energy": "medium",
   "targetAudience": "developers"
 },
 "designSystem": {
   "framework": "custom",
   "componentLibrary": ""
 },
 "confidence": {
   "buttons": 0.9,
   "colors": 0.9,
   "overall": 0.9
 },
 "__llm_metadata": {
   "logoSelection": {
     "llmCalled": true,
     "llmSucceeded": true,
     "finalSource": "llm",
     "rawLogoSelection": {
       "selectedLogoIndex": 0,
       "selectedLogoReasoning": "Selected #0 because it is visible, medium-sized, and matches the brand name 'Beam' from the URL and page title. It links to the homepage, indicating it is the main brand logo.",
       "confidence": 0.95
     }
   },
   "buttonClassification": {
     "llmCalled": true,
     "llmSucceeded": true
   }
 }
}