# Synthetic Society Brand Identity

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

## Color Palette

Brand palette extracted from https://syntheticsociety.ai/.

| Color       | Value   | RGB                |
|-------------|---------|--------------------|
| Primary     | #0000EE | rgb(0, 0, 238)     |
| Accent      | #0000EE | rgb(0, 0, 238)     |
| Background  | #F5F5F5 | rgb(245, 245, 245) |
| Text        | #000000 | rgb(0, 0, 0)       |
| Link        | #0000EE | rgb(0, 0, 238)     |

## Typography

Each font links to its Google Fonts page where available.

| Role   | Font   | Link                             |
|--------|--------|----------------------------------|
| Body   | Inter  | [Google Fonts →](https://fonts.google.com/specimen/Inter) |
| Heading | Satoshi | [Google Fonts →](https://fonts.google.com/specimen/Satoshi) |

## Visual Assets

Logo

Favicon

Social Card

## UI Components

### Button Primary

- Background: #000000  
- Text Color: #0000EE  
- Border Radius: 10px  
- Shadow: rgba(61, 61, 61, 0.72) 0px 0.602187px 1.08394px -1.25px,
  rgba(61, 61, 61, 0.64) 0px 2.28853px 4.11936px -2.5px, 
  rgba(61, 61, 61, 0.25) 0px 10px 18px -3.75px, 
  rgba(0, 0, 0, 0.35) 0px 0.706592px 0.706592px -0.583333px, 
  rgba(0, 0, 0, 0.34) 0px 1.80656px 1.80656px -1.16667px, 
  rgba(0, 0, 0, 0.33) 0px 3.62176px 3.62176px -1.75px, 
  rgba(0, 0, 0, 0.3) 0px 6.8656px 6.8656px -2.33333px, 
  rgba(0, 0, 0, 0.26) 0px 13.6468px 13.6468px -2.91667px, 
  rgba(0, 0, 0, 0.15) 0px 30px 30px -3.5px

## Brand Personality

- **Tone:** modern  
- **Energy:** medium  
- **Audience:** tech-savvy individuals interested in AI

## Synthetic Society Brand in the Wild

Image: [framerusercontent.com](https://framerusercontent.com/images/oyA05MAlWsuC2to4Pg7eOb4go4.jpg)  
Source: [syntheticsociety.ai](https://syntheticsociety.ai/changelog)

## Frequently Asked Questions

### What is Synthetic Society's primary brand color?  
Synthetic Society's primary brand color is #0000EE. It anchors the visual identity across their website, product UI, and marketing materials.

### What font does Synthetic Society use?  
Synthetic Society uses Inter for body text and Satoshi for headings. Fonts were detected on https://syntheticsociety.ai/ as part of their live design system.

### Does Synthetic Society use a light or dark theme?  
Synthetic Society's primary site uses a light color scheme, with a background of #F5F5F5.

### Where can I find Synthetic Society's logo?  
Synthetic Society's logo is available directly on their site (https://syntheticsociety.ai/). 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://syntheticsociety.ai/ using the Firecrawl branding extraction API, which inspects the live page's CSS, fonts, color tokens, and component styles.