Smyte Brand Identity

A complete profile of Smyte's visual system — colors, typography, components, and personality — extracted from 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 →
• Heading: Poppins
  Poppins Google Fonts →

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 using the Firecrawl branding extraction API.

Machine-Readable Profile

Direct endpoints for agents, designers, and tooling.

{
  "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"
  }
}