Lumos Brand Identity

A complete profile of Lumos's visual system — colors, typography, components, and personality — extracted from https://www.lumos.com/. Built for designers, agents, and AI tools.

Color Palette

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

• Primary: #3C4154 (rgb(60, 65, 84))
• Secondary: #FE6519 (rgb(254, 101, 25))
• Accent: #FE6519 (rgb(254, 101, 25))
• Background: #FFFFFF (rgb(255, 255, 255))
• Text Primary: #0000EE (rgb(0, 0, 238))
• Link: #0000EE (rgb(0, 0, 238))

Typography

Each font links to its Google Fonts page where available.

• Primary: Roobert
• Heading: Roobert

Visual Assets

Logo

Favicon

Social Card

UI Components

Live previews rendered using Lumos's actual button styles.

Input

• Background: #FFFFFF
• Text Color: #191919
• Border Color: null
• Border Radius: 0px
• Shadow: none

Button Primary

• Background: #FE6519
• Text Color: #FD6449
• Border Radius: 12.8px
• Shadow: rgb(254, 254, 249) 0px 0px 0px 1px inset

Button Secondary

• Background: #FFFFFF
• Text Color: #191919
• Border Color: #FFF7FD
• Border Radius: 5px
• Shadow: rgba(248, 63, 235, 0.15) 0px 3px 6px 0px, rgba(248, 63, 235, 0.13) 0px 9px 9px 0px, rgba(248, 63, 235, 0.08) 0px 24px 15px 0px, rgba(248, 63, 235, 0.02) 0px 42px 18px 0px, rgba(248, 63, 235, 0) 0px 66px 18px 0px

Brand Personality

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

Frequently Asked Questions

1. What is Lumos's primary brand color?
   • Lumos's primary brand color is #3C4154.
2. What accent color does Lumos use?
   • Lumos uses #FE6519 as an accent color.
3. What font does Lumos use?
   • Lumos uses Roobert as the primary typeface.
4. Does Lumos use a light or dark theme?
   • Lumos's primary site uses a light color scheme.
5. Where can I find Lumos's logo?
   • Lumos's logo is available on their site.

Methodology

Brand data on this page was extracted from https://www.lumos.com/ using the Firecrawl branding extraction API.

Machine-Readable Profile

Direct endpoints for agents, designers, and tooling.

{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "Roobert",
      "role": "body"
    },
    {
      "family": "Arial",
      "role": "body"
    },
    {
      "family": "Kern Standard",
      "role": "unknown"
    }
  ],
  "colors": {
    "primary": "#3C4154",
    "secondary": "#FE6519",
    "accent": "#FE6519",
    "background": "#FFFFFF",
    "textPrimary": "#0000EE",
    "link": "#0000EE"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Roobert",
      "heading": "Roobert"
    },
    "fontStacks": {
      "heading": [
        "Roobert",
        "Arial",
        "sans-serif"
      ],
      "body": [
        "Kern Standard",
        "sans-serif"
      ],
      "paragraph": [
        "Roobert",
        "Arial",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "50px",
      "h2": "38px",
      "body": "16px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "26px"
  },
  "components": {
    "input": {
      "background": "#FFFFFF",
      "textColor": "#191919",
      "borderColor": null,
      "borderRadius": "0px",
      "shadow": "none"
    },
    "buttonPrimary": {
      "background": "#FE6519",
      "textColor": "#FD6449",
      "borderRadius": "12.8px",
      "shadow": "rgb(254, 254, 249) 0px 0px 0px 1px inset"
    },
    "buttonSecondary": {
      "background": "#FFFFFF",
      "textColor": "#191919",
      "borderColor": "#FFF7FD",
      "borderRadius": "5px",
      "shadow": "rgba(248, 63, 235, 0.15) 0px 3px 6px 0px, rgba(248, 63, 235, 0.13) 0px 9px 9px 0px, rgba(248, 63, 235, 0.08) 0px 24px 15px 0px, rgba(248, 63, 235, 0.02) 0px 42px 18px 0px, rgba(248, 63, 235, 0) 0px 66px 18px 0px"
    }
  },
  "images": {
    "logo": "https://cdn.prod.website-files.com/621003d040f8f6c74a3fae59/675721de4239ac03a4b7fbeb_lumos.svg",
    "favicon": "https://cdn.prod.website-files.com/621003d040f8f6c74a3fae59/626591afa4cc8f31a4d27fd5_32-32_FavIcon.png",
    "ogImage": "https://cdn.prod.website-files.com/621003d040f8f6c74a3fae59/68bf6881871d0fd16e15372b_home-hero-identity-management.webp"
  }
}