Listia Brand Identity

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

Quick Facts

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

{
 "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": "/"
 }
}