Apex Brand: Colors, Fonts, Logo & Visual Identity

Apex Brand Identity

A complete profile of Apex's visual system — colors, typography, components, and personality — extracted from 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 →
heading	Space Grotesk	Google Fonts →

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

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

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