Chamber Brand Identity

A complete profile of Chamber's visual system — colors, typography, components, and personality.

Quick Facts

Color Palette

• primary: #030712
• secondary: #6B7280
• accent: #05A2C2
• background: #08090D
• textPrimary: #08090D
• link: #05A2C2

Typography

• primary: Inter — https://fonts.google.com/specimen/Inter
• heading: Space Grotesk — https://fonts.google.com/specimen/Space+Grotesk

Visual Assets

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

UI Components

• buttonPrimary: background=#FFFFFF, textColor=#060C16, borderRadius=8px, shadow=none
• buttonSecondary: background=#050913, textColor=#FFFFFF, borderColor=#393A3D, borderRadius=8px, shadow=none

Brand Personality

Tone: modern · Energy: medium · Audience: tech professionals

Chamber Brand in the Wild

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

• New Orleans Chamber - Portfolio | Deep Fried Advertising
  • Image:
  • Source: Link
• Tulsa Regional Chamber - The Chamber Report
  • Image:
  • Source: Link
• Saas Landing Page ｜Chamber website ｜ChamberIN by Alexander Aliaj for Selected on Dribbble
  • Image:
  • Source: Link
• Join the Chamber – Lakeview East Chamber of Commerce
  • Image:
  • Source: Link
• Why Join? - Billings Chamber of Commerce
  • Image:
  • Source: Link

Machine-Readable Profile

{
 "colorScheme": "dark",
 "fonts": [
 {
 "family": "Inter",
 "role": "body"
 },
 {
 "family": "Space Grotesk",
 "role": "heading"
 },
 {
 "family": "IBM Plex Mono",
 "role": "monospace"
 }
 ],
 "colors": {
 "primary": "#030712",
 "secondary": "#6B7280",
 "accent": "#05A2C2",
 "background": "#08090D",
 "textPrimary": "#08090D",
 "link": "#05A2C2"
 },
 "typography": {
 "fontFamilies": {
 "primary": "Inter",
 "heading": "Space Grotesk"
 },
 "fontStacks": {
 "heading": [
 "Space Grotesk"
 ],
 "body": [
 "Inter",
 "system-ui",
 "-apple-system",
 "sans-serif"
 ],
 "paragraph": [
 "Inter"
 ]
 },
 "fontSizes": {
 "h1": "92px",
 "h2": "11px",
 "body": "20px"
 }
 },
 "spacing": {
 "baseUnit": 4,
 "borderRadius": "0px"
 },
 "components": {
 "buttonPrimary": {
 "background": "#FFFFFF",
 "textColor": "#060C16",
 "borderRadius": "8px",
 "borderRadiusCorners": {
 "topLeft": "8px",
 "topRight": "8px",
 "bottomRight": "8px",
 "bottomLeft": "8px"
 },
 "shadow": "none"
 },
 "buttonSecondary": {
 "background": "#050913",
 "textColor": "#FFFFFF",
 "borderColor": "#393A3D",
 "borderRadius": "8px",
 "borderRadiusCorners": {
 "topLeft": "8px",
 "topRight": "8px",
 "bottomRight": "8px",
 "bottomLeft": "8px"
 },
 "shadow": "none"
 }
 },
 "images": {
 "logo": "https://www.usechamber.io/_next/image?url=%2Flogo-side-white.png&w=384&q=75",
 "favicon": "https://www.usechamber.io/favicon.png",
 "ogImage": "https://usechamber.io/og-image.png",
 "logoHref": "/",
 "logoAlt": "Chamber"
 },
 "personality": {
 "tone": "modern",
 "energy": "medium",
 "targetAudience": "tech professionals"
 },
 "designSystem": {
 "framework": "tailwind",
 "componentLibrary": ""
 },
 "confidence": {
 "buttons": 0.9,
 "colors": 0.95,
 "overall": 0.925
 }
}