# Haystack Software Brand Identity

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

## Color Palette

Brand palette extracted from https://haystackeditor.com/.

- **primary**: `#7C3AED`  
- **rgb**: `rgb(124, 58, 237)`  
- **secondary**: `#9333EA`  
- **rgb**: `rgb(147, 51, 234)`  
- **accent**: `#7C3AED`  
- **rgb**: `rgb(124, 58, 237)`  
- **background**: `#13131A`  
- **rgb**: `rgb(19, 19, 26)`  
- **textPrimary**: `#13131A`  
- **rgb**: `rgb(19, 19, 26)`  
- **link**: `#B565F3`  
- **rgb**: `rgb(181, 101, 243)`

## Typography

Each font links to its Google Fonts page where available.

- **primary**: Roboto  
- **heading**: Roboto

## Visual Assets

## UI Components

Live previews rendered using Haystack Software's actual button styles.

### Input

- **background**: `#1A202B`  
- **textColor**: `#FFFFFF`  
- **borderColor**: `#252A36`  
- **borderRadius**: `9999px`  
- **shadow**: `none`

### Button Primary

- **background**: `#7C3AED`  
- **textColor**: `#FFFFFF`  
- **borderColor**: `#2B2B31`  
- **borderRadius**: `9999px`  
- **shadow**: `rgba(124, 58, 237, 0.24) 0px 10px 24px 0px, rgba(255, 255, 255, 0.16) 0px 1px 0px 0px inset`

### Button Secondary

- **background**: `#181D27`  
- **textColor**: `#FFFFFF`  
- **borderColor**: `#2B2B31`  
- **borderRadius**: `9999px`  
- **shadow**: `none`

## Brand Personality

- **Tone:** modern  
- **Energy:** medium  
- **Audience:** developers and tech teams

## Frequently Asked Questions

1. **What is Haystack Software's primary brand color?**  
   Haystack Software's primary brand color is `#7C3AED`.

2. **What font does Haystack Software use?**  
   Haystack Software uses Roboto as the primary typeface across body and headings.

3. **Does Haystack Software use a light or dark theme?**  
   Haystack Software's primary site uses a dark color scheme, with a background of `#13131A`.

4. **Where can I find Haystack Software's logo?**  
   Haystack Software's logo is available directly on their site (https://haystackeditor.com/).

5. **How was this brand profile generated?**  
   This profile was extracted from https://haystackeditor.com/ using the Firecrawl branding extraction API.