# Listia Brand Identity

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

## Quick Facts

| Field        | Value       |
|--------------|-------------|
| Primary      | #0000EE     |
| Accent       | #33D64F     |
| Body Font    | Helvetica Neue |
| Heading Font  | Avenir Next |

## Color Palette

- primary: #0000EE
- secondary: #258DE1
- accent: #33D64F
- background: #FFFFFF
- textPrimary: #2386CC
- link: #2386CC

## Typography

- primary: Helvetica Neue — https://fonts.google.com/specimen/Helvetica+Neue
- heading: Avenir Next — https://fonts.google.com/specimen/Avenir+Next

## Visual Assets

- Logo: 
- Favicon: https://www.listia.com/favicon.ico
- Social card (og:image):

## UI Components

- input: background=#FFFFFF, textColor=#000000, borderColor=#A6A6A6, borderRadius=0px, shadow=none
- buttonPrimary: background=#33D64F, textColor=#FFFFFF, borderRadius=0px, shadow=none
- buttonSecondary: background=transparent, textColor=#0000EE, borderColor=#E2E2E2, borderRadius=0px, shadow=none

## Brand Personality

Tone: playful · Energy: medium · Audience: bargain hunters and online auction enthusiasts

## Listia Brand in the Wild

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

- **wedding cake | The Listia Blog**  
  - Image:   
  - Source: https://blog.listia.com/tag/wedding-cake/
- **New Category Select UI | The Listia Blog**  
  - Image:   
  - Source: https://blog.listia.com/2012/12/14/new-category-select-ui/
- **November | 2020 | The Listia Blog**  
  - Image:   
  - Source: https://blog.listia.com/2020/11/
- **wedding cake | The Listia Blog**  
  - Image:   
  - Source: https://blog.listia.com/tag/wedding-cake/
- **Find the Best Stuff on Listia, FASTER! | The Listia Blog**  
  - Image:   
  - Source: https://blog.listia.com/2012/11/02/find-the-best-stuff-on-listia-faster/
- **nft | The Listia Blog**  
  - Image:   
  - Source: https://blog.listia.com/tag/nft/

## Machine-Readable Profile

```json
{
 "colorScheme": "light",
 "fonts": [
  {
   "family": "Helvetica Neue",
   "role": "body"
  },
  {
   "family": "Arial",
   "role": "body"
  },
  {
   "family": "Avenir Next",
   "role": "heading"
  }
 ],
 "colors": {
  "primary": "#0000EE",
  "secondary": "#258DE1",
  "accent": "#33D64F",
  "background": "#FFFFFF",
  "textPrimary": "#2386CC",
  "link": "#2386CC"
 },
 "typography": {
  "fontFamilies": {
   "primary": "Helvetica Neue",
   "heading": "Avenir Next"
  },
  "fontStacks": {
   "heading": [
    "Avenir Next"
   ],
   "body": [
    "Helvetica Neue",
    "Arial"
   ],
   "paragraph": [
    "Helvetica Neue",
    "Arial"
   ]
  },
  "fontSizes": {
   "h1": "32px",
   "h2": "25px",
   "body": "16px"
  }
 },
 "spacing": {
  "baseUnit": 6,
  "borderRadius": "0px"
 },
 "components": {
  "input": {
   "background": "#FFFFFF",
   "textColor": "#000000",
   "borderColor": "#A6A6A6",
   "borderRadius": "0px",
   "borderRadiusCorners": {
    "topLeft": "0px",
    "topRight": "0px",
    "bottomRight": "0px",
    "bottomLeft": "0px"
   },
   "shadow": "none"
  },
  "buttonPrimary": {
   "background": "#33D64F",
   "textColor": "#FFFFFF",
   "borderRadius": "0px",
   "borderRadiusCorners": {
    "topLeft": "0px",
    "topRight": "0px",
    "bottomRight": "0px",
    "bottomLeft": "0px"
   },
   "shadow": "none"
  },
  "buttonSecondary": {
   "background": "transparent",
   "textColor": "#0000EE",
   "borderColor": "#E2E2E2",
   "borderRadius": "0px",
   "borderRadiusCorners": {
    "topLeft": "0px",
    "topRight": "0px",
    "bottomRight": "0px",
    "bottomLeft": "0px"
   },
   "shadow": "none"
  }
 },
 "images": {
  "logo": "https://assets.listia.com/assets/homepage/logo-36f4df93f68828e67ea23974dbf6515b10487e19044bde57a4720202767f72d3.png",
  "favicon": "https://www.listia.com/favicon.ico",
  "ogImage": "https://assets.listia.com/assets/etc/fb_share_photo-99cb068c6d8bee67b2760fb4af0efb77ee1abc2a4cd7c095c1fe62c94f27a295.png",
  "logoHref": "/"
 }
}
```