# Smyte Brand Identity

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

## Color Palette

Brand palette extracted from http://smyte.com.

- **Primary**: #FF4A32
  - rgb(255, 74, 50)
- **Secondary**: #0B8BA6
  - rgb(11, 139, 166)
- **Accent**: #FE5C0F
  - rgb(254, 92, 15)
- **Background**: #FFFFFF
  - rgb(255, 255, 255)
- **Text Primary**: #002B4A
  - rgb(0, 43, 74)
- **Link**: #002B4A
  - rgb(0, 43, 74)

## Typography

Each font links to its Google Fonts page where available.

- **Primary**: Inter  
  [Inter Google Fonts →](https://fonts.google.com/specimen/Inter)  
- **Heading**: Poppins  
  [Poppins Google Fonts →](https://fonts.google.com/specimen/Poppins)

## Visual Assets

Logo  
  
Social Card

## UI Components

Live previews rendered using Smyte's actual button styles.

- **Input**  
  - Background: transparent  
  - Text Color: #ADADAD  
  - Border Color: null  
  - Border Radius: 0px  
  - Shadow: none

- **Button Primary**  
  - Background: #FE5C0F  
  - Text Color: #FFFFFF  
  - Border Radius: 10px  
  - Shadow: none

- **Button Secondary**  
  - Background: #002B4A  
  - Text Color: #FFFFFF  
  - Border Radius: 10px  
  - Shadow: none

## Brand Personality

- **Tone**: modern  
- **Energy**: medium  
- **Audience**: tech-savvy professionals

## Frequently Asked Questions

1. **What is Smyte's primary brand color?**
   - Smyte's primary brand color is #FF4A32.

2. **What accent color does Smyte use?**
   - Smyte uses #FE5C0F as an accent color.

3. **What font does Smyte use?**
   - Smyte uses Inter for body text and Poppins for headings.

4. **Does Smyte use a light or dark theme?**
   - Smyte's primary site uses a light color scheme.

5. **Where can I find Smyte's logo?**
   - Smyte's logo is available directly on their site (http://smyte.com).

## Methodology

Brand data on this page was extracted from [http://smyte.com](http://smyte.com/) using the Firecrawl branding extraction API.

## Machine-Readable Profile

Direct endpoints for agents, designers, and tooling.

```json
{
  "colorScheme": "light",
  "fonts": [
    {"family": "Inter", "role": "body"},
    {"family": "Poppins", "role": "heading"}
  ],
  "colors": {
    "primary": "#FF4A32",
    "secondary": "#0B8BA6",
    "accent": "#FE5C0F",
    "background": "#FFFFFF",
    "textPrimary": "#002B4A",
    "link": "#002B4A"
  },
  "typography": {
    "fontFamilies": {"primary": "Inter", "heading": "Poppins"}  
  },
  "components": {
    "input": {"background": "transparent","textColor": "#ADADAD","borderRadius": "0px"},
    "buttonPrimary": {"background": "#FE5C0F","textColor": "#FFFFFF","borderRadius": "10px"},
    "buttonSecondary": {"background": "#002B4A","textColor": "#FFFFFF","borderRadius": "10px"}
  },
  "images": {
    "logo": "https://smyte.com/wp-content/uploads/2024/04/294d80cb-f304-426f-8b38-af6a3617b676-1.png"
  }
}
```
