# Sytex Brand Identity

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

## Color Palette

Brand palette extracted from https://www.sytex.io.

| Color     | Value      | RGB                   |
|-----------|------------|-----------------------|
| primary   | #2D3C3E    | rgb(45, 60, 62)       |
| secondary | #3898EC    | rgb(56, 152, 236)     |
| accent    | #606FF7    | rgb(96, 111, 247)     |
| background| #FFFFFF    | rgb(255, 255, 255)    |
| textPrimary | #253031  | rgb(37, 48, 49)       |
| link      | #606FF7    | rgb(96, 111, 247)     |

## Typography

Each font links to its Google Fonts page where available.

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

## Visual Assets

Logo

Favicon

Social Card

## UI Components

Live previews rendered using Sytex's actual button styles.

- **Input**: `input`
  - background: #FFFFFF
  - textColor: #111827
  - borderColor: #DEDFE1
  - borderRadius: 16px
  - shadow: none

- **Button Primary**: `buttonPrimary`
  - background: #606FF7
  - textColor: #FFFFFF
  - borderRadius: 8px
  - shadow: none

- **Button Secondary**: `buttonSecondary`
  - background: #FFFFFF
  - textColor: #606FF7
  - borderColor: #606FF7
  - borderRadius: 8px
  - shadow: none

## Brand Personality

- **Tone**: professional  
- **Energy**: medium  
- **Audience**: business professionals in field operations

## Frequently Asked Questions

- **What is Sytex's primary brand color?**  
  Sytex's primary brand color is #2D3C3E. It anchors the visual identity across their website, product UI, and marketing materials.

- **What accent color does Sytex use?**  
  Sytex uses #606FF7 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.

- **What font does Sytex use?**  
  Sytex uses Inter for body text and Montserrat for headings. Fonts were detected on https://www.sytex.io as part of their live design system.

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

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