# Superorder Brand Identity

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

### Primary

`#07241F`

### Accent

`#2CC27F`

### Body Font

Acumin Pro

### Heading

Gilroy

## Color Palette

Brand palette extracted from https://superorder.com/.  
primary

`#07241F`

rgb(7, 36, 31)

secondary

`#4A5259`

rgb(74, 82, 89)

accent

`#2CC27F`

rgb(44, 194, 127)

background

`#F9F5F0`

rgb(249, 245, 240)

textPrimary

`#2CC27F`

rgb(44, 194, 127)

link

`#2CC27F`

rgb(44, 194, 127)

## Typography

Each font links to its Google Fonts page where available.

### Primary

Acumin Pro  
Acumin Pro [Google Fonts →](https://fonts.google.com/specimen/Acumin+Pro)

### Heading

Gilroy  
Gilroy [Google Fonts →](https://fonts.google.com/specimen/Gilroy)

Gilroy, sans-serif

## Visual Assets

Logo

Favicon

## UI Components

Live previews rendered using Superorder's actual button styles.

### Button Primary

buttonPrimary

background `#2CC27F` textColor `#FFFFFF` borderRadius `8px` shadow `none`

## Brand Personality

**Tone:** modern  **Energy:** medium  **Audience:** restaurant owners and managers

## Superorder Brand in the Wild

Image: [cdn.prod.website-files.com](https://cdn.prod.website-files.com/648819dfa21eef68428950fc/64d28e57fea4e1364781c2e9_me6fe77qqg.jpeg)

Source: [superorder.com](https://www.superorder.com/blog/understanding-food-delivery-chargebacks-and-why-they-happen)

Image: [cdn.prod.website-files.com](https://cdn.prod.website-files.com/648819dfa21eef68428950fc/6605bcc1c1e18673568bad1b_h66oehrnn0.webp)

Source: [superorder.com](https://www.superorder.com/blog)

Image: [cdn.prod.website-files.com](https://cdn.prod.website-files.com/648819dfa21eef68428950fc/65087febe5712ab61e7f3c0c_jasonbriscoeKTrov7eujmsunsplash1_egtq.jpeg)

Source: [superorder.com](https://www.superorder.com/blog/virtual-kitchens-glossary)

Image: [cdn.prod.website-files.com](https://cdn.prod.website-files.com/648819dfa21eef68428950fc/654d71cc2027cf5406b789cf_writing_3cq6.jpeg)

Source: [superorder.com](https://www.superorder.com/blog/mastering-the-art-of-restaurant-reviews-dos-and-donts)

Image: [cdn.prod.website-files.com](https://cdn.prod.website-files.com/648819dfa21eef68428950fc/64d249e9b4a9ff436356f5fa_lz1rvatx87.jpeg)

Source: [superorder.com](https://www.superorder.com/blog/virtual-restaurant-success)

Image: [cdn.prod.website-files.com](https://cdn.prod.website-files.com/648819dfa21eef68428950fc/654d7173c6d91d69b3afa7ef_computer_9epg.jpeg)

Source: [superorder.com](https://www.superorder.com/blog/mastering-the-art-of-restaurant-reviews-dos-and-donts)

## Frequently Asked Questions

### What is Superorder's primary brand color?

Superorder's primary brand color is `#07241F`. It anchors the visual identity across their website, product UI, and marketing materials.

### What accent color does Superorder use?

Superorder uses `#2CC27F` as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.

### What font does Superorder use?

Superorder uses Acumin Pro for body text and Gilroy for headings. Fonts were detected on https://superorder.com/ as part of their live design system.

### Does Superorder use a light or dark theme?

Superorder's primary site uses a light color scheme, with a background of `#F9F5F0`.

### Where can I find Superorder's logo?

Superorder's logo is available directly on their site (https://superorder.com/). 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://superorder.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 Superorder.

## Methodology

Brand data on this page was extracted from [https://superorder.com/](https://superorder.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. This page is published by **CharacterQuilt** and is not affiliated with or endorsed by Superorder.