# Sapling.ai Brand Identity

A complete profile of **Sapling.ai**'s visual system — colors, typography, components, and personality — extracted from [https://sapling.ai](https://sapling.ai/). Built for designers, agents, and AI tools.

## Color Palette

Brand palette extracted from https://sapling.ai.

- primary: #6C757D (rgb(108, 117, 125))
- secondary: #007BFF (rgb(0, 123, 255))
- accent: #2D3A8C (rgb(45, 58, 140))
- background: #FFFFFF (rgb(255, 255, 255))
- textPrimary: #2D3A8C (rgb(45, 58, 140))
- link: #2D3A8C (rgb(45, 58, 140))

## Typography

Each font links to its Google Fonts page where available:

- primary: Roboto  
- heading: Roboto

## Visual Assets

Logo  
  
Favicon

## UI Components

Live previews rendered using Sapling.ai's actual button styles.

- **Button Primary**  
  - background: #2D3A8C  
  - textColor: #FFFFFF  
  - borderColor: #1E2A6E  
  - borderRadius: 4px  
  - shadow: none

- **Button Secondary**  
  - background: #FFFFFF  
  - textColor: #0F172A  
  - borderColor: #E2E8F0  
  - borderRadius: 4px  
  - shadow: none

## Brand Personality

- **Tone:** professional  
- **Energy:** medium  
- **Audience:** developers and businesses looking for language model tools

## Sapling.ai Brand in the Wild

Image: [sapling.ai](https://sapling.ai/static/img/llms/dolly-logo.png)  
Source: [sapling.ai](https://sapling.ai/llm/dolly-vs-gptneo)

Image: [blog.sapling.ai](https://blog.sapling.ai/wp-content/uploads/2021/12/HowToWriteEmailCustomer-770x515.jpg)  
Source: [blog.sapling.ai](https://blog.sapling.ai/page/2/)

## Frequently Asked Questions

### What is Sapling.ai's primary brand color?
Sapling.ai's primary brand color is #6C757D. It anchors the visual identity across their website, product UI, and marketing materials.

### What accent color does Sapling.ai use?
Sapling.ai uses #2D3A8C as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.

### What font does Sapling.ai use?
Sapling.ai uses Roboto as the primary typeface across body and headings.

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

### Where can I find Sapling.ai's logo?
Sapling.ai's logo is available directly on their site (https://sapling.ai). The current logo URL is included in the machine-readable JSON profile linked above.

### How was this brand profile generated?
This profile was extracted from https://sapling.ai using the Firecrawl branding extraction API, which inspects the live page's CSS, fonts, color tokens, and component styles. It is not affiliated with or endorsed by Sapling.ai.

## Machine-Readable Profile

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

```json
{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "Roboto",
      "role": "body"
    },
    {
      "family": "Helvetica Neue",
      "role": "body"
    },
    {
      "family": "Arial",
      "role": "body"
    },
    {
      "family": "Noto Sans",
      "role": "body"
    }
  ],
  "colors": {
    "primary": "#6C757D",
    "secondary": "#007BFF",
    "accent": "#2D3A8C",
    "background": "#FFFFFF",
    "textPrimary": "#2D3A8C",
    "link": "#2D3A8C"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Roboto",
      "heading": "Roboto"
    },
    "fontStacks": {
      "heading": [
        "Inter",
        "-apple-system",
        "BlinkMacSystemFont",
        "Segoe UI",
        "sans-serif"
      ],
      "body": [
        "-apple-system",
        "BlinkMacSystemFont",
        "Segoe UI",
        "Roboto",
        "Helvetica Neue",
        "Arial",
        "Noto Sans",
        "Liberation Sans",
        "sans-serif",
        "Apple Color Emoji",
        "Segoe UI Emoji",
        "Segoe UI Symbol",
        "Noto Color Emoji"
      ],
      "paragraph": [
        "-apple-system",
        "BlinkMacSystemFont",
        "Segoe UI",
        "Roboto",
        "Helvetica Neue",
        "Arial",
        "Noto Sans",
        "Liberation Sans",
        "sans-serif",
        "Apple Color Emoji",
        "Segoe UI Emoji",
        "Segoe UI Symbol",
        "Noto Color Emoji"
      ]
    },
    "fontSizes": {
      "h1": "37.5px",
      "h2": "30px",
      "body": "18.75px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "4px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#2D3A8C",
      "textColor": "#FFFFFF",
      "borderColor": "#1E2A6E",
      "borderRadius": "4px",
      "borderRadiusCorners": {
        "topLeft": "4px",
        "topRight": "4px",
        "bottomRight": "4px",
        "bottomLeft": "4px"
      },
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#FFFFFF",
      "textColor": "#0F172A",
      "borderColor": "#E2E8F0",
      "borderRadius": "4px",
      "borderRadiusCorners": {
        "topLeft": "4px",
        "topRight": "4px",
        "bottomRight": "4px",
        "bottomLeft": "4px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "https://sapling.ai/static/img/sapling-logo-horizontal.svg",
    "favicon": "https://sapling.ai/static/img/sapling-128x128.png",
    "ogImage": null,
    "logoHref": "/",
    "logoAlt": "Sapling Logo"
  },
  "personality": {
    "tone": "professional",
    "energy": "medium",
    "targetAudience": "developers and businesses looking for language model tools"
  },
  "designSystem": {
    "framework": "bootstrap",
    "componentLibrary": ""
  }
}
```