# Orion Brand Identity

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

## Color Palette

Brand palette extracted from https://www.orionsleep.com/.  
primary  
`#257AF4`  
rgb(37, 122, 244)  
secondary  
`#DCD3C4`  
rgb(220, 211, 196)  
accent  
`#257AF4`  
rgb(37, 122, 244)  
background  
`#F5F1EA`  
rgb(245, 241, 234)  
textPrimary  
`#251B0A`  
rgb(37, 27, 10)  
link  
`#251B0A`  
rgb(37, 27, 10)

## Typography

Each font links to its Google Fonts page where available.

primary  
Theinhardt Light  
Theinhardt Light [Google Fonts →](https://fonts.google.com/specimen/Theinhardt+Light)  
heading  
Aeonik  
Aeonik [Google Fonts →](https://fonts.google.com/specimen/Aeonik)

## UI Components

Live previews rendered using Orion's actual button styles.

### Button Primary

buttonPrimary
background: `#257AF4`
textColor: `#FFFFFF`
borderRadius: `14px`
shadow: `none`

### Button Secondary

buttonSecondary
background: `#FFFFFF`
textColor: `#251B0A`
borderRadius: `18px`
shadow: `none`

## Brand Personality

**Tone:** modern  
**Energy:** medium  
**Audience:** tech-savvy consumers looking for innovative sleep solutions

## Orion Brand in the Wild

Image: [cdn.shopify.com](https://cdn.shopify.com/s/files/1/0680/5625/2485/files/s1_pdp_2_0b0cf466-a029-4cc4-ad17-fbcf33dddfa3.png?v=1775542730)  
Source: [orionsleep.com](https://www.orionsleep.com/purchase-with-hsa-or-fsa)

Image: [orionsleep.com](https://www.orionsleep.com/_next/image?url=https%3A%2F%2Fcdn.shopify.com%2Fs%2Ffiles%2F1%2F0680%2F5625%2F2485%2Ffiles%2Fs1_pdp_5.png%3Fv%3D1775542730&w=3840&q=90)  
Source: [orionsleep.com](https://www.orionsleep.com/product/sleep-disruption-test)

## Frequently Asked Questions

**What is Orion's primary brand color?**  
Orion's primary brand color is `#257AF4`. It anchors the visual identity across their website, product UI, and marketing materials.

**What font does Orion use?**  
Orion uses Theinhardt Light for body text and Aeonik for headings. Fonts were detected on https://www.orionsleep.com/ as part of their live design system.

**Does Orion use a light or dark theme?**  
Orion's primary site uses a light color scheme, with a background of `#F5F1EA`.

**Where can I find Orion's logo?**  
Orion's logo is available directly on their site (https://www.orionsleep.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://www.orionsleep.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 Orion.