# Apex Brand Identity

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

## Color Palette

Brand palette extracted from https://www.apexspace.com/.

| Color        | Hex Code | RGB             |
|--------------|----------|-----------------|
| primary      | #DD7027  | rgb(221, 112, 39) |
| secondary    | #4E98F9  | rgb(78, 152, 249) |
| accent       | #DD7027  | rgb(221, 112, 39) |
| background   | #1A1A1A  | rgb(26, 26, 26)   |
| textPrimary  | #1A1A1A  | rgb(26, 26, 26)   |
| link         | #A145E4  | rgb(161, 69, 228) |

## Typography

Each font links to its Google Fonts page where available.

| Role    | Font         | Google Fonts Link |
|---------|--------------|-------------------|
| primary | Inter        | [Google Fonts →](https://fonts.google.com/specimen/Inter) |
| heading | Space Grotesk| [Google Fonts →](https://fonts.google.com/specimen/Space+Grotesk) |

## Visual Assets

%20!important%3B%22%2F%3E%3C%2Fsvg%3E)

## UI Components

Live previews rendered using Apex's actual button styles.

### Input

| Attribute      | Value         |
|----------------|---------------|
| background      | transparent   |
| textColor       | #FFFFFF       |
| borderColor     | null          |
| borderRadius    | 0px           |
| shadow          | none          |

### Button Primary

| Attribute      | Value         |
|----------------|---------------|
| background      | #DD7027       |
| textColor       | #000000       |
| borderColor     | #DD7027       |
| borderRadius    | 0px           |
| shadow          | none          |

### Button Secondary

| Attribute      | Value         |
|----------------|---------------|
| background      | #000000       |
| textColor       | #FFFFFF       |
| borderColor     | #808080       |
| borderRadius    | 0px           |
| shadow          | none          |

## Brand Personality

**Tone:** modern  
**Energy:** medium  
**Audience:** technology companies and satellite operators

## Apex Brand in the Wild

### Brand Assets

Source: [apexspace.com](https://www.apexspace.com/blog/q-a-with-aiden-taylor-mechanical-engineer)

Source: [apexspace.com](https://www.apexspace.com/blog/q-a-with-aiden-taylor-mechanical-engineer)

Source: [apexspace.com](https://www.apexspace.com/blog/q-a-with-shane-wilcox-production-manager-db069)

Source: [apexspace.com](https://www.apexspace.com/news)

Source: [apexspace.com](https://www.apexspace.com/project-shadow)

Source: [apexspace.com](https://www.apexspace.com/blog/q-a-with-alvin-garcia-director-of-gnc-and-mission-ops)

## Frequently Asked Questions

### What is Apex's primary brand color?
Apex's primary brand color is #DD7027, anchoring the visual identity across their website, product UI, and marketing materials.

### What font does Apex use?
Apex uses Inter for body text and Space Grotesk for headings. Fonts were detected on https://www.apexspace.com/ as part of their live design system.

### Does Apex use a light or dark theme?
Apex's primary site uses a dark color scheme, with a background of #1A1A1A.

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

## Machine-Readable Profile

```json
{
  "colorScheme": "dark",
  "fonts": [
    {
      "family": "Space Mono",
      "role": "monospace"
    },
    {
      "family": "Inter",
      "role": "body"
    },
    {
      "family": "Space Grotesk",
      "role": "heading"
    }
  ],
  "colors": {
    "primary": "#DD7027",
    "secondary": "#4E98F9",
    "accent": "#DD7027",
    "background": "#1A1A1A",
    "textPrimary": "#1A1A1A",
    "link": "#A145E4"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Inter",
      "heading": "Space Grotesk"
    },
    "fontStacks": {
      "heading": [
        "Space Grotesk",
        "Arial",
        "sans-serif"
      ],
      "body": [
        "Inter",
        "Arial",
        "sans-serif"
      ],
      "paragraph": [
        "Inter",
        "Arial",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "72px",
      "h2": "60px",
      "body": "14px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "0px"
  },
  "components": {
    "input": {
      "background": "transparent",
      "textColor": "#FFFFFF",
      "borderColor": null,
      "borderRadius": "0px",
      "borderRadiusCorners": {
        "topLeft": "0px",
        "topRight": "0px",
        "bottomRight": "0px",
        "bottomLeft": "0px"
      },
      "shadow": "none"
    },
    "buttonPrimary": {
      "background": "#DD7027",
      "textColor": "#000000",
      "borderColor": "#DD7027",
      "borderRadius": "0px",
      "borderRadiusCorners": {
        "topLeft": "0px",
        "topRight": "0px",
        "bottomRight": "0px",
        "bottomLeft": "0px"
      },
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#000000",
      "textColor": "#FFFFFF",
      "borderColor": "#808080",
      "borderRadius": "0px",
      "borderRadiusCorners": {
        "topLeft": "0px",
        "topRight": "0px",
        "bottomRight": "0px",
        "bottomLeft": "0px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20viewBox%3D%220%200%20404%2077%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M380.2%2076.7962H404L369.724%2037.5618L402.474%200.203747H375.778L355.742%2024.4299L335.865%200.203747H308.396L341.171%2037.8082L337.741%2041.7123H337.738L337.429%2042.0639C309.439%2034.8638%20279.194%2030.7395%20246.066%2029.5696C243.224%2029.4678%20239.762%2029.379%20235.861%2029.3034V19.0438H285.728V0H213.491V29.0274C205.715%2028.9748%20197.528%2028.9584%20189.587%2028.9781C189.72%2027.8476%20189.79%2026.7007%20189.79%2025.5275C189.787%2011.4394%20180.131%200.013145%20160.976%200.013145H157.333V0H112.925V32.4845C100.856%2033.8713%2089.2963%2035.6853%2078.0734%2037.9397C77.5965%2038.035%2077.1292%2038.1369%2076.6555%2038.2322L76.4266%2037.7754L57.7007%200.21032H38.3929L8.52363%2059.7899L7.96408%2060.904L0%2076.7897H16.9074C18.0456%2076.2639%2019.1996%2075.7479%2020.3601%2075.2353C34.7368%2069.1787%2049.6189%2064.2395%2065.4454%2060.2829L73.8259%2076.7897H95.8742L85.4589%2055.8925C94.3386%2054.2033%20103.469%2052.8034%20112.925%2051.6729V77H135.294V49.5467C140.642%2049.1622%20146.097%2048.85%20151.69%2048.6167C164.642%2048.0745%20190.865%2047.9299%20213.488%2048.0843V77H235.858H285.725V57.7459H235.858V48.3637C239.507%2048.436%20242.75%2048.5214%20245.44%2048.6167C270.862%2049.5138%20293.813%2052.1034%20315.603%2056.53C318.182%2057.0525%20320.735%2057.6046%20323.269%2058.1764L306.908%2076.793H333.601L344.513%2063.7071C355.831%2067.0657%20366.764%2071.0059%20377.494%2075.5639C378.4%2075.9681%20379.303%2076.3789%20380.2%2076.793V76.7962ZM42.8916%2034.6699C43.6228%2033.1385%2044.3191%2031.6432%2044.9772%2030.1842C45.7084%2028.7251%2046.3665%2027.3054%2046.9515%2025.9186C47.2027%2025.3238%2047.4443%2024.729%2047.6828%2024.1342C47.8767%2024.6501%2048.0706%2025.1726%2048.2677%2025.6984C48.7796%2027.0129%2049.3646%2028.3997%2050.0227%2029.8555L52.4358%2034.6699L56.4544%2042.5799L56.6229%2042.9151C49.4314%2044.8145%2042.4147%2046.9144%2035.5379%2049.2279L35.6969%2048.9157L42.8916%2034.6732V34.6699ZM135.294%2019.0438H157.333C164.111%2019.0438%20166.74%2022.2183%20166.74%2025.6721C166.74%2025.7806%20166.737%2025.889%20166.731%2025.9942C166.731%2026.0566%20166.728%2026.1125%20166.721%2026.1684C166.721%2026.1782%20166.721%2026.1848%20166.718%2026.1947C166.718%2026.2735%20166.708%2026.3458%20166.702%2026.4247C166.693%2026.5101%20166.686%2026.5989%20166.673%2026.681C166.664%2026.7369%20166.661%2026.7895%20166.648%2026.8453C166.648%2026.8585%20166.645%2026.8749%20166.639%2026.8881C166.635%2026.9242%20166.626%2026.9571%20166.623%2026.9932C166.619%2027.0326%20166.61%2027.0688%20166.6%2027.1017C166.588%2027.1707%20166.572%2027.2397%20166.553%2027.312C166.524%2027.4566%20166.486%2027.5913%20166.445%2027.7195C166.403%2027.8542%20166.362%2027.9791%20166.311%2028.1072C166.286%2028.173%20166.26%2028.2387%20166.232%2028.2978C166.197%2028.3833%20166.155%2028.4687%20166.117%2028.5509C166.082%2028.6199%20166.05%2028.6856%20166.012%2028.7514C166.003%2028.7678%20165.99%2028.7875%20165.977%2028.8039C165.926%2028.9025%20165.863%2029.0044%20165.799%2029.103C165.783%2029.1293%20165.761%2029.1556%20165.745%2029.1818C159.927%2029.2771%20154.847%2029.4053%20150.946%2029.5696C145.62%2029.7931%20140.41%2030.0856%20135.291%2030.4405V19.0438H135.294Z%22%20fill%3D%22white%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3C%2Fsvg%3E"
  },
  "favicon": "https://cdn.prod.website-files.com/68ed469ed2aa711040ebc821/68f7beefa5206ba457bf2ba8_Apex%20Favicon.png",
  "ogImage": "https://cdn.prod.website-files.com/68ed469ed2aa711040ebc821/68f2b50298e421ab6b1cafb4_eefc528419dd17518166866b5ccd18b8_Open%20graph.webp",
  "logoHref": "/"
},
"__llm_logo_reasoning": {
    "selectedIndex": 4,
    "reasoning": "Selected #0 because it is visible, located at the top, and links to the homepage, which are strong indicators of the main brand logo.",
    "confidence": 0.85,
    "source": "llm"
  },
  "__llm_button_reasoning": {
    "primary": {
      "index": 0,
      "text": "Learn MoreLearn MoreLearn More",
      "reasoning": "Button #0 uses the vibrant brand color #DD7027, which is a strong indicator of a primary call-to-action. The color is distinct and stands out against the background, making it likely the main CTA."
    },
    "secondary": {
      "index": 3,
      "text": "Configure NowConfigure NowConfigure Now",
      "reasoning": "Button #3 has a different background color (#000000) and uses the text 'Configure Now', which suggests a secondary action. It contrasts with the primary button's color, fitting the role of a secondary CTA."
    },
    "confidence": 0.9
  },
  "personality": {
    "tone": "modern",
    "energy": "medium",
    "targetAudience": "technology companies and satellite operators"
  },
  "designSystem": {
    "framework": "custom",
    "componentLibrary": ""
  },
  "confidence": {
    "buttons": 0.9,
    "colors": 0.95,
    "overall": 0.925
  },
  "__llm_metadata": {
    "logoSelection": {
      "llmCalled": true,
      "llmSucceeded": true,
      "finalSource": "llm",
      "rawLogoSelection": {
        "selectedLogoIndex": 0,
        "selectedLogoReasoning": "Selected #0 because it is visible, located at the top, and links to the homepage, which are strong indicators of the main brand logo.",
        "confidence": 0.85
      }
    },
    "buttonClassification": {
      "llmCalled": true,
      "llmSucceeded": true
    }
  }
}