# Shelf Engine Brand Identity

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

## Color Palette

Brand palette extracted from http://www.shelfengine.com.

- primary: #005257
  - rgb(0, 82, 87)
- secondary: #00BB7E
  - rgb(0, 187, 126)
- accent: #007672
  - rgb(0, 118, 114)
- background: #FFFFFF
  - rgb(255, 255, 255)
- textPrimary: #007672
  - rgb(0, 118, 114)
- link: #007672
  - rgb(0, 118, 114)

## Typography

Each font links to its Google Fonts page where available.

- primary: Semplicitapro
  - [Google Fonts →](https://fonts.google.com/specimen/Semplicitapro)
- heading: Semplicitapro
  - [Google Fonts →](https://fonts.google.com/specimen/Semplicitapro)

## Visual Assets

Logo

Favicon

Social Card

## UI Components

Live previews rendered using Shelf Engine's actual button styles.

### Button Primary

- background: #007672
- textColor: #F8FEFD
- borderColor: #007672
- borderRadius: 0px
- shadow: none

### Button Secondary

- background: #00BB7E
- textColor: #FFFFFF
- borderColor: #00BB7E
- borderRadius: 0px
- shadow: none

## Brand Personality

- **Tone:** professional
- **Energy:** medium
- **Audience:** retail businesses and data professionals

## Shelf Engine Brand in the Wild

Image: [gocrisp.com](https://www.gocrisp.com/wp-content/uploads/2023/05/Crisp-Foundation-Loop-V11-frame.png)  
Source: [shelfengine.com](https://www.shelfengine.com/)

Image: [gocrisp.com](https://www.gocrisp.com/wp-content/uploads/2026/02/crisp-social-image-2026.png)  
Source: [shelfengine.com](https://www.shelfengine.com/)

Image: [gocrisp.com](https://www.gocrisp.com/wp-content/uploads/2025/07/Crisp-FastCompanyAward2025.webp)  
Source: [shelfengine.com](https://www.shelfengine.com/careers/)

Image: [gocrisp.com](https://www.gocrisp.com/wp-content/uploads/2021/10/Screen-Shot-2022-05-12-at-9.28.01-AM.png)  
Source: [shelfengine.com](https://www.shelfengine.com/careers/)

Image: [gocrisp.com](https://www.gocrisp.com/wp-content/uploads/2025/07/1200x630-CrispCulture-SocialShare.webp)  
Source: [shelfengine.com](https://www.shelfengine.com/careers/)

Image: [gocrisp.com](https://www.gocrisp.com/wp-content/uploads/2025/07/fork-and-salad.jpg)  
Source: [shelfengine.com](https://www.shelfengine.com/careers/)

## Frequently Asked Questions

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

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

3. **What font does Shelf Engine use?**  
   Shelf Engine uses Semplicitapro as the primary typeface across body and headings.

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

5. **Where can I find Shelf Engine's logo?**  
   Shelf Engine's logo is available directly on their site (http://www.shelfengine.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 http://www.shelfengine.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 Shelf Engine.