Sonder Brand Identity

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

Color Palette

Brand palette extracted from https://sonder.inc/.

Colors

• Primary: #000000
• Accent: #000000
• Background: #FAFAFA
• Text Primary: #7D7D7D
• Link: #000000

Typography

Each font links to its Google Fonts page where available.

Font Families

• Primary: diatype
• Heading: diatype

Font Stacks

• Heading: [immortel, immortel Fallback, serif]
• Body: [Geist, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, Apple Color Emoji, Segoe UI Emoji]

Visual Assets

• Favicon

• Social Card

UI Components

Button Primary

• Background: #FBFBFB
• Text Color: #FFFFFF
• Border Radius: 33554400px
• Shadow: none

Brand Personality

• Tone: modern
• Energy: medium
• Audience: unknown

Sonder Brand in the Wild

Source: sonder.inc

Source: sonder.inc

Source: the-brandidentity.com

Source: linkedin.com

Source: andreabesnard.com

Frequently Asked Questions

• What is Sonder's primary brand color?
  Sonder's primary brand color is #000000.

• What font does Sonder use?
  Sonder uses diatype as the primary typeface across body and headings.

• Does Sonder use a light or dark theme?
  Sonder's primary site uses a light color scheme, with a background of #FAFAFA.

• How was this brand profile generated?
  This profile was extracted from https://sonder.inc/ using the Firecrawl branding extraction API.

Methodology

Brand data on this page was extracted from https://sonder.inc/ on 2026-07-27 using the Firecrawl branding extraction API.
This page is published by CharacterQuilt and is not affiliated with or endorsed by Sonder.

Machine-Readable Profile

Direct endpoints for agents, designers, and tooling.

{
  "colorScheme": "light",
  "fonts": [
    {"family": "diatype", "role": "body"},
    {"family": "Geist", "role": "unknown"},
    {"family": "Roboto", "role": "body"},
    {"family": "Helvetica", "role": "body"}
  ],
  "colors": {
    "primary": "#000000",
    "accent": "#000000",
    "background": "#FAFAFA",
    "textPrimary": "#7D7D7D",
    "link": "#000000"
  },
  "typography": {
    "fontFamilies": {
      "primary": "diatype",
      "heading": "diatype"
    },
    "fontStacks": {
      "heading": ["immortel", "immortel Fallback", "serif"],
      "body": ["Geist", "system-ui", "-apple-system", "Segoe UI", "Roboto", "Helvetica", "Arial", "Apple Color Emoji", "Segoe UI Emoji"],
      "paragraph": [""]
    },
    "fontSizes": {
      "h1": "36px",
      "h2": "36px",
      "body": "16px"
    }
  },
  "spacing": {
    "baseUnit": 8,
    "borderRadius": "0px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#FBFBFB",
      "textColor": "#FFFFFF",
      "borderRadius": "33554400px",
      "shadow": "none"
    }
  },
  "images": {
    "favicon": "https://sonder.inc/images/logo-black.png?v=2",
    "ogImage": "http://localhost:3000/og-image.jpg?v=2"
  },
  "personality": {
    "tone": "modern",
    "energy": "medium",
    "targetAudience": "unknown"
  }
}