Dioxus Labs Brand Identity

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

Color Palette

Brand palette extracted from https://dioxuslabs.com.

• Primary: #1E2939 (rgb(30, 41, 57))
• Secondary: #99A1AF (rgb(153, 161, 175))
• Accent: #161B22 (rgb(22, 27, 34))
• Background: #F7F7F9 (rgb(247, 247, 249))
• Text Primary: #364153 (rgb(54, 65, 83))
• Link: #364153 (rgb(54, 65, 83))

Typography

Each font links to its Google Fonts page where available.

• Primary: Inter Google Fonts →
• Heading: Inter Google Fonts →

Visual Assets

Logo

Favicon

Social Card

UI Components

Live previews rendered using Dioxus Labs's actual button styles.

Button Primary

• background: #161B22
• textColor: #FFFFFF
• borderColor: #CCCFD2
• borderRadius: 4px
• shadow: none

Button Secondary

• background: #EDEDED
• textColor: #000000
• borderColor: #CCCFD2
• borderRadius: 4px
• shadow: none

Brand Personality

• Tone: modern
• Energy: medium
• Audience: developers

Frequently Asked Questions

1. What is Dioxus Labs's primary brand color?
   Dioxus Labs's primary brand color is #1E2939.

2. What accent color does Dioxus Labs use?
   Dioxus Labs uses #161B22 as an accent color.

3. What font does Dioxus Labs use?
   Dioxus Labs uses Inter as the primary typeface.

4. Does Dioxus Labs use a light or dark theme?
   Dioxus Labs's primary site uses a light color scheme.

5. Where can I find Dioxus Labs's logo?
   Dioxus Labs's logo is available directly on their site.

6. How was this brand profile generated?
   This profile was extracted using the Firecrawl branding extraction API.

Machine-Readable Profile

{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "Inter",
      "role": "body"
    }
  ],
  "colors": {
    "primary": "#1E2939",
    "secondary": "#99A1AF",
    "accent": "#161B22",
    "background": "#F7F7F9",
    "textPrimary": "#364153",
    "link": "#364153"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Inter",
      "heading": "Inter"
    },
    "fontStacks": {
      "heading": [
        "Inter",
        "sans-serif"
      ],
      "body": [
        "Inter",
        "sans-serif"
      ],
      "paragraph": [
        "Inter",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "14px",
      "h2": "16px",
      "body": "16px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "0px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#161B22",
      "textColor": "#FFFFFF",
      "borderColor": "#CCCFD2",
      "borderRadius": "4px",
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#EDEDED",
      "textColor": "#000000",
      "borderColor": "#CCCFD2",
      "borderRadius": "4px",
      "shadow": "none"
    }
  },
  "images": {
    "logo": "https://dioxuslabs.com/assets/smalllogo-dxh3fcbb6a73c8e36ce.png",
    "favicon": "https://dioxuslabs.com/assets/favicon-dxh3f47a5a4ce979a5.png",
    "ogImage": "https://dioxuslabs.com/assets/static/opengraph.png"
  },
  "personality": {
    "tone": "modern",
    "energy": "medium",
    "targetAudience": "developers"
  }
}