Clone Brand: Colors, Fonts, Logo & Visual Identity

Clone Brand Identity

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

Color Palette

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

Primary: #00BFFF
Secondary: #9CA3AF
Accent: #66D9FF
Background: #FFFFFF
Text Primary: #111111
Link: #66D9FF

Typography

Each font links to its Google Fonts page where available.

Primary: Neue Haas Grotesk Display Pro
Heading: Neue Haas Grotesk Display Pro

Visual Assets

Logo

Favicon

UI Components

Live previews rendered using Clone's actual button styles.

Button Primary: background #E9E9E9, text color #FFFFFF, border radius 9999px, shadow none
Button Secondary: background transparent, text color #FFFFFF, border radius 9999px, shadow none

Brand Personality

Tone: modern
Energy: medium
Audience: tech enthusiasts and robotics professionals

Clone Brand in the Wild

Image: clonerobotics.com

Frequently Asked Questions

What is Clone's primary brand color?
Clone's primary brand color is #00BFFF.
What accent color does Clone use?
Clone uses #66D9FF as an accent color.
What font does Clone use?
Clone uses Neue Haas Grotesk Display Pro as the primary typeface.
Does Clone use a light or dark theme?
Clone's primary site uses a light color scheme.
Where can I find Clone's logo?
Clone's logo is available directly on their site (https://clonerobotics.com/).
How was this brand profile generated?
This profile was extracted from https://clonerobotics.com/ using the Firecrawl branding extraction API.

Methodology

Brand data on this page was extracted from https://clonerobotics.com/ on 2026-07-27 using the Firecrawl branding extraction API.

Machine-Readable Profile

Direct endpoints for agents, designers, and tooling. No login or auth required.

{
"colorScheme": "light",
"fonts": [
    {
        "family": "Neue Haas Grotesk Display Pro",
        "role": "body"
    }
],
"colors": {
    "primary": "#00BFFF",
    "secondary": "#9CA3AF",
    "accent": "#66D9FF",
    "background": "#FFFFFF",
    "textPrimary": "#111111",
    "link": "#66D9FF"
},
"typography": {
    "fontFamilies": {
        "primary": "Neue Haas Grotesk Display Pro",
        "heading": "Neue Haas Grotesk Display Pro"
    },
    "fontStacks": {
        "heading": [
            "Neue Haas Grotesk Display Pro",
            "sans-serif"
        ],
        "body": [
            "ui-sans-serif",
            "system-ui",
            "sans-serif",
            "Apple Color Emoji",
            "Segoe UI Emoji",
            "Segoe UI Symbol",
            "Noto Color Emoji"
        ],
        "paragraph": [
            "Neue Haas Grotesk Display Pro",
            "sans-serif"
        ]
    },
    "fontSizes": {
        "h1": "60px",
        "h2": "60px",
        "body": "20px"
    }
},
"spacing": {
    "baseUnit": 4,
    "borderRadius": "6px"
},
"components": {
    "buttonPrimary": {
        "background": "#E9E9E9",
        "textColor": "#FFFFFF",
        "borderRadius": "9999px",
        "borderRadiusCorners": {
            "topLeft": "9999px",
            "topRight": "9999px",
            "bottomRight": "9999px",
            "bottomLeft": "9999px"
        },
        "shadow": "none"
    },
    "buttonSecondary": {
        "background": "transparent",
        "textColor": "#FFFFFF",
        "borderRadius": "9999px",
        "borderRadiusCorners": {
            "topLeft": "9999px",
            "topRight": "9999px",
            "bottomRight": "9999px",
            "bottomLeft": "9999px"
        },
        "shadow": "none"
    }
},
"images": {
    "logo": "https://clonerobotics.com/_ipx/w_128&f_webp/assets/img/clone-logo.png",
    "favicon": "https://clonerobotics.com/favicon.ico",
    "ogImage": null,
    "logoHref": "/",
    "logoAlt": "Clone"
},
"personality": {
    "tone": "modern",
    "energy": "medium",
    "targetAudience": "tech enthusiasts and robotics professionals"
},
"designSystem": {
    "framework": "tailwind",
    "componentLibrary": ""
},
"confidence": {
    "buttons": 0.9,
    "colors": 0.9,
    "overall": 0.9
}
}