Cloudglue Brand: Colors, Fonts, Logo & Visual Identity

Cloudglue Brand Identity

A complete profile of Cloudglue's visual system — colors, typography, components, and personality — extracted from cloudglue.dev. Built for designers, agents, and AI tools.

Color Palette

Brand palette extracted from https://cloudglue.dev.

Primary: #0000EE (rgb(0, 0, 238))
Secondary: #33E4FF (rgb(51, 228, 255))
Accent: #111111 (rgb(17, 17, 17))
Background: #FEFEFE (rgb(254, 254, 254))
Text Primary: #000000 (rgb(0, 0, 0))
Link: #5EF2FF (rgb(94, 242, 255))

Typography

Each font links to its Google Fonts page where available.

Primary: Inter (Inter Google Fonts →)
Heading: Urbanist (Urbanist Google Fonts →)

Visual Assets

UI Components

Live previews rendered using Cloudglue's actual button styles.

Button Primary

Background: #111111
Text Color: #0000EE
Border Radius: 18px
Shadow: rgba(0, 0, 0, 0.1) 0px 0.48175px 1.25255px -1.16667px...

Button Secondary

Background: #FFFFFF
Text Color: #0000EE
Border Radius: 18px
Shadow: rgba(0, 0, 0, 0.13) 0px 0px 0px -2.5px...

Brand Personality

Tone: modern
Energy: medium
Audience: developers and tech enthusiasts

Cloudglue Brand in the Wild

Frequently Asked Questions

What is Cloudglue's primary brand color?
- Cloudglue's primary brand color is #0000EE.
What accent color does Cloudglue use?
- Cloudglue uses #111111 as an accent color.
What font does Cloudglue use?
- Cloudglue uses Inter for body text and Urbanist for headings.
Does Cloudglue use a light or dark theme?
- Cloudglue's primary site uses a light color scheme.
Where can I find Cloudglue's logo?
- Cloudglue's logo is available directly on their site: Cloudglue.

Methodology

Brand data on this page was extracted from cloudglue.dev using the Firecrawl branding extraction API, which inspects the live page's CSS, fonts, color tokens, and component styles.

Machine-Readable Profile

{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "Inter",
      "role": "body"
    },
    {
      "family": "Urbanist",
      "role": "heading"
    }
  ],
  "colors": {
    "primary": "#0000EE",
    "secondary": "#33E4FF",
    "accent": "#111111",
    "background": "#FEFEFE",
    "textPrimary": "#000000",
    "link": "#5EF2FF"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Inter",
      "heading": "Urbanist"
    },
    "fontStacks": {
      "heading": [
        "Urbanist",
        "sans-serif"
      ],
      "body": [
        "sans-serif"
      ],
      "paragraph": [
        "Inter",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "64px",
      "h2": "52px",
      "body": "15px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "0px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#111111",
      "textColor": "#0000EE",
      "borderRadius": "18px",
      "borderRadiusCorners": {
        "topLeft": "18px",
        "topRight": "18px",
        "bottomRight": "18px",
        "bottomLeft": "18px"
      },
      "shadow": "rgba(0, 0, 0, 0.1) 0px 0.48175px 1.25255px -1.16667px..."
    },
    "buttonSecondary": {
      "background": "#FFFFFF",
      "textColor": "#0000EE",
      "borderRadius": "18px",
      "borderRadiusCorners": {
        "topLeft": "18px",
        "topRight": "18px",
        "bottomRight": "18px",
        "bottomLeft": "18px"
      },
      "shadow": "rgba(0, 0, 0, 0.13) 0px 0px 0px -2.5px..."
    }
  },
  "images": {
    "logo": "https://framerusercontent.com/images/QdNIRDf8S0wcRcZZryFFsMlWPBI.svg?width=1080&height=1080",
    "favicon": "https://framerusercontent.com/images/lJfKPFazkdg4uk0ACQTlq10Ppw.png",
    "ogImage": "https://framerusercontent.com/images/F47y3PGVfQkwKtaevFSgNA4Odx0.png"
  }
}