Nanograb Brand: Colors, Fonts, Logo & Visual Identity

Nanograb Brand Identity

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

Color Palette

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

Type Color Code RGB
primary #0000EE rgb(0, 0, 238)
secondary #554EFF rgb(85, 78, 255)
accent #423CF0 rgb(66, 60, 240)
background #FFFFFF rgb(255, 255, 255)
textPrimary #000000 rgb(0, 0, 0)
link #423CF0 rgb(66, 60, 240)

Typography

Each font links to its Google Fonts page where available.

Visual Assets

UI Components

Button Primary

Button Secondary

Brand Personality

Frequently Asked Questions

What is Nanograb's primary brand color?
Nanograb's primary brand color is #0000EE. It anchors the visual identity across their website, product UI, and marketing materials.

What accent color does Nanograb use?
Nanograb uses #423CF0 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.

What font does Nanograb use?
Nanograb uses Inter as the primary typeface across body and headings.

Does Nanograb use a light or dark theme?
Nanograb's primary site uses a light color scheme, with a background of #FFFFFF.

How was this brand profile generated?
This profile was extracted from https://nanograb.com using the Firecrawl branding extraction API.

Machine-Readable Profile

{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "Inter",
      "role": "body"
    },
    {
      "family": "Roboto",
      "role": "unknown"
    }
  ],
  "colors": {
    "primary": "#0000EE",
    "secondary": "#554EFF",
    "accent": "#423CF0",
    "background": "#FFFFFF",
    "textPrimary": "#000000",
    "link": "#423CF0"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Inter",
      "heading": "Inter"
    },
    "fontStacks": {
      "heading": [
        "-apple-system",
        "system-ui",
        "BlinkMacSystemFont",
        "Segoe UI",
        "Roboto",
        "Ubuntu",
        "Arial",
        "sans-serif"
      ],
      "body": [
        "-apple-system",
        "system-ui",
        "BlinkMacSystemFont",
        "Segoe UI",
        "Roboto",
        "Ubuntu",
        "Arial",
        "sans-serif"
      ],
      "paragraph": [
        "Inter"
      ]
    },
    "fontSizes": {
      "h1": "16px",
      "h2": "16px",
      "body": "45px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "130px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#423CF0",
      "textColor": "#FFFFFF",
      "borderRadius": "130px",
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#FFFFFF",
      "textColor": "#0000EE",
      "borderRadius": "130px",
      "shadow": "none"
    }
  },
  "images": {
    "favicon": "https://c-p.rmcdn.net/68b6d7bff6997aa6752bf541/Favicon-6c06d481-f29f-48c1-b996-107e442b9bfb_144.png",
    "ogImage": "https://c-p.rmcdn.net/68b6d7bff6997aa6752bf541/5828576/Screenshot-29db4791-21ae-4553-a877-8565efb76546_readyscr_1024.jpg"
  }
}