# Superlist Brand Identity

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

## Color Palette

Brand palette extracted from https://www.superlist.com/.

- **primary**: #0000EE
- **secondary**: #26253B
- **accent**: #696F81
- **background**: #181824
- **textPrimary**: #181824
- **link**: #696F81

## Typography

Each font links to its Google Fonts page where available.

- **primary**: Inter  
- **heading**: Haffer XH SemiBold  
  [Haffer XH SemiBold Google Fonts →](https://fonts.google.com/specimen/Haffer+XH+SemiBold)

## Visual Assets

Logo  
  
Favicon  
  
Social Card

## UI Components

Live previews rendered using Superlist's actual button styles.

**Button Primary**  
- **background**: #FFFFFF  
- **textColor**: #26253B  
- **borderRadius**: 100px  
- **shadow**: none

## Brand Personality

- **Tone**: modern  
- **Energy**: medium  
- **Audience**: professionals and teams looking for task management solutions

## Superlist Brand in the Wild

Image: [framerusercontent.com](https://framerusercontent.com/images/iD6TvL9z1sJPTeDOPT1ZbZgtxGA.png?width=3840&height=2400)
Source: [superlist.com](https://www.superlist.com/updates/pick-your-calendar)

Image: [framerusercontent.com](https://framerusercontent.com/images/99bNf7rXkkysmpKYYPGb0XaXyg.png?width=1264&height=848)
Source: [superlist.com](https://www.superlist.com/blog)

Image: [framerusercontent.com](https://framerusercontent.com/images/29Vd7YUwFXB5O1rYFum8Fv0zIc.png?width=3840&height=2400)
Source: [superlist.com](https://www.superlist.com/updates/stability-usability)

## Frequently Asked Questions

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

2. **What accent color does Superlist use?**  
   Superlist uses #696F81 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.

3. **What font does Superlist use?**  
   Superlist uses Inter for body text and Haffer XH SemiBold for headings. Fonts were detected on https://www.superlist.com/ as part of their live design system.

4. **Does Superlist use a light or dark theme?**  
   Superlist's primary site uses a dark color scheme, with a background of #181824.

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

6. **How was this brand profile generated?**  
   This profile was extracted from https://www.superlist.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 Superlist.

## Methodology

Brand data on this page was extracted from [https://www.superlist.com/](https://www.superlist.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.