# Sorted Brand Identity

A complete profile of **Sorted**'s visual system — colors, typography, components, and personality — extracted from [https://sorted-lp.webflow.io/](https://sorted-lp.webflow.io/). Built for designers, agents, and AI tools.

## Color Palette

Brand palette extracted from https://sorted-lp.webflow.io/.  
primary: #0000EE  
rgb(0, 0, 238)

accent: #0000EE  
rgb(0, 0, 238)

background: #1B1B1D  
rgb(27, 27, 29)

textPrimary: #1B1B1D  
rgb(27, 27, 29)

link: #0000EE  
rgb(0, 0, 238)

## Typography

Each font links to its Google Fonts page where available.

primary: Inter

heading: Lexend Deca

## Visual Assets

Logo

Favicon

Social Card

## UI Components

Live previews rendered using Sorted's actual button styles.

### Input

input  
background: transparent  
textColor: #FFFFFF  
borderColor: #474649  
borderRadius: 4px  
shadow: none

### Button Primary

buttonPrimary  
background: #FFFFFF  
textColor: #1B1B1D  
borderRadius: 4px  
shadow: none

### Button Secondary

buttonSecondary  
background: #FAFAFA  
textColor: #1B1B1D  
borderColor: #FAFAFA  
borderRadius: 4px  
shadow: none

## Brand Personality

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

## Sorted Brand in the Wild

Image: [cdn.prod.website-files.com](https://cdn.prod.website-files.com/62f6054191e0228f1d280e09/6406400b573d418fd0dece00_product-gif-7-1.png)  
Source: [sorted-lp.webflow.io](https://sorted-lp.webflow.io/)

Image: [cdn.prod.website-files.com](https://cdn.prod.website-files.com/62f6054191e0228f1d280e09/64063ff9cc511260394fbb56_product-gif-1.png)  
Source: [sorted-lp.webflow.io](https://sorted-lp.webflow.io/)

Image: [cdn.prod.website-files.com](https://cdn.prod.website-files.com/62f6054191e0228f1d280e09/6406400bc5883a7a4554c0e9_product-gif-7.png)  
Source: [sorted-lp.webflow.io](https://sorted-lp.webflow.io/)

Image: [cdn.prod.website-files.com](https://cdn.prod.website-files.com/62f6054191e0228f1d280e09/6397744ce8496ec3d5ad6c24_error.png)  
Source: [sorted-lp.webflow.io](https://sorted-lp.webflow.io/)

Image: [cdn.prod.website-files.com](https://cdn.prod.website-files.com/62f6054191e0228f1d280e09/6397744c4b25e317bfd31904_jawdrop.png)  
Source: [sorted-lp.webflow.io](https://sorted-lp.webflow.io/)

Image: [cdn.prod.website-files.com](https://cdn.prod.website-files.com/62f6054191e0228f1d280e09/63b815ecae20f7b5e59807e3_step1.png)  
Source: [sorted-lp.webflow.io](https://sorted-lp.webflow.io/)

## Frequently Asked Questions

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

**What font does Sorted use?**  
Sorted uses Inter for body text and Lexend Deca for headings. Fonts were detected on https://sorted-lp.webflow.io/ as part of their live design system.

**Does Sorted use a light or dark theme?**  
Sorted's primary site uses a dark color scheme, with a background of #1B1B1D.

**Where can I find Sorted's logo?**  
Sorted's logo is available directly on their site (https://sorted-lp.webflow.io/). 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://sorted-lp.webflow.io/ 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 Sorted.