# Town Brand Identity

A complete profile of **Town**'s visual system — colors, typography, components, and personality — extracted from [https://town.com/](https://town.com/).  
Built for designers, agents, and AI tools.

## Color Palette

Brand palette extracted from https://town.com/.  
- **primary**: #F9F0D3  
- **rgb**(249, 240, 211)  
- **secondary**: #D0EEF2  
- **rgb**(208, 238, 242)  
- **accent**: #35765A  
- **rgb**(53, 118, 90)  
- **background**: #F9F9F8  
- **rgb**(249, 249, 248)  
- **textPrimary**: #171717  
- **rgb**(23, 23, 23)  
- **link**: #D9E5F8  
- **rgb**(217, 229, 248)

## Typography

Each font links to its Google Fonts page where available.

- **primary**: Segoe UI  
  - [Google Fonts →](https://fonts.google.com/specimen/Segoe+UI)
- **heading**: Segoe UI  
  - [Google Fonts →](https://fonts.google.com/specimen/Segoe+UI)  
  - STK Bureau Sans, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif

## Visual Assets

Logo  
  
Favicon  
  
Social Card

## UI Components

Live previews rendered using Town's actual button styles.

- **Input**:  
  background: #FDFDFC  
  textColor: #171717  
  borderColor: #ECECE9  
  borderRadius: 12px  
  shadow: none

- **Button Primary**:  
  background: #35765A  
  textColor: #FFFFFF  
  borderRadius: 33554400px  
  shadow: none

- **Button Secondary**:  
  background: #F9F9F8  
  textColor: #171717  
  borderRadius: 33554400px  
  shadow: none

## Brand Personality

- **Tone**: modern  
- **Energy**: medium  
- **Audience**: tech-savvy professionals

## Town Brand in the Wild

Image: [cdn.sanity.io](https://cdn.sanity.io/images/2wxn8r3s/production/04334c597aa68ec35323637281b0d32ac5eeb25b-4162x2540.jpg)  
Source: [new.town.com](https://new.town.com/)

Image: [cdn.sanity.io](https://cdn.sanity.io/images/2wxn8r3s/production/bb47edc7027a548c44430cfe0e45e2b93c5eb916-2048x2048.jpg)  
Source: [new.town.com](https://new.town.com/)

Image: [cdn.sanity.io](https://cdn.sanity.io/images/2wxn8r3s/production/90f39c4795c3c119b816a56d4c0d1c4ffbf6de8e-1578x1398.jpg)  
Source: [new.town.com](https://new.town.com/)

Image: [town.com](https://www.town.com/marketing/town-logo.png)  
Source: [town.com](https://town.com/)

Image: [town.com](https://town.com/marketing/og/og-home.png)  
Source: [town.com](https://www.town.com/updates)

Image: [town.com](https://town.com/marketing/og/og-assistant-new.png)  
Source: [town.com](https://www.town.com/terms-of-service)

## Frequently Asked Questions

- **What is Town's primary brand color?**  
Town's primary brand color is #F9F0D3. It anchors the visual identity across their website, product UI, and marketing materials.

- **What accent color does Town use?**  
Town uses #35765A as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.

- **What font does Town use?**  
Town uses Segoe UI as the primary typeface across body and headings.

- **Does Town use a light or dark theme?**  
Town's primary site uses a light color scheme, with a background of #F9F9F8.

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

- **How was this brand profile generated?**  
This profile was extracted from https://town.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 Town.

## Methodology

Brand data on this page was extracted from [https://town.com/](https://town.com/) on 2026-07-27 using the [Firecrawl](https://firecrawl.dev/) branding extraction API, which inspects each site's live CSS, font network requests, color tokens, and component styles. Brand-in-the-wild images were sourced via Google Image Search restricted to ad/webinar/report queries and link out to their original third-party publishers; we link to the source rather than re-hosting third-party content. This page is published by **CharacterQuilt** and is not affiliated with or endorsed by Town.

## Machine-Readable Profile

Direct endpoints for agents, designers, and tooling. No login or auth required.

{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "Segoe UI",
      "role": "body"
    },
    {
      "family": "Helvetica",
      "role": "body"
    },
    {
      "family": "Arial",
      "role": "body"
    },
    {
      "family": "diatype",
      "role": "unknown"
    },
    {
      "family": "STK Bureau Sans",
      "role": "unknown"
    }
  ],
  "colors": {
    "primary": "#F9F0D3",
    "secondary": "#D0EEF2",
    "accent": "#35765A",
    "background": "#F9F9F8",
    "textPrimary": "#171717",
    "link": "#D9E5F8"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Segoe UI",
      "heading": "Segoe UI"
    },
    "fontStacks": {
      "heading": [
        "STK Bureau Sans",
        "-apple-system",
        "BlinkMacSystemFont",
        "Segoe UI",
        "sans-serif"
      ],
      "body": [
        "diatype",
        "system-ui",
        "-apple-system",
        "Segoe UI",
        "Helvetica",
        "Arial",
        "sans-serif",
        "ui-sans-serif"
      ],
      "paragraph": [
        "STK Bureau Sans",
        "-apple-system",
        "BlinkMacSystemFont",
        "Segoe UI",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "60px",
      "h2": "36px",
      "body": "21px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "6px"
  },
  "components": {
    "input": {
      "background": "#FDFDFC",
      "textColor": "#171717",
      "borderColor": "#ECECE9",
      "borderRadius": "12px",
      "borderRadiusCorners": {
        "topLeft": "12px",
        "topRight": "12px",
        "bottomRight": "12px",
        "bottomLeft": "12px"
      },
      "shadow": "none"
    },
    "buttonPrimary": {
      "background": "#35765A",
      "textColor": "#FFFFFF",
      "borderRadius": "33554400px",
      "borderRadiusCorners": {
        "topLeft": "33554400px",
        "topRight": "33554400px",
        "bottomRight": "33554400px",
        "bottomLeft": "33554400px"
      },
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#F9F9F8",
      "textColor": "#171717",
      "borderRadius": "33554400px",
      "borderRadiusCorners": {
        "topLeft": "33554400px",
        "topRight": "33554400px",
        "bottomRight": "33554400px",
        "bottomLeft": "33554400px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "https://www.town.com/marketing/town-logo.png",
    "favicon": "https://www.town.com/favicon.png",
    "ogImage": "https://town.com/marketing/og/og-assistant-new.png",
    "logoAlt": "Town"
  },
  "personality": {
    "tone": "modern",
    "energy": "medium",
    "targetAudience": "tech-savvy professionals"
  },
  "designSystem": {
    "framework": "tailwind",
    "componentLibrary": ""
  }
}