Stilta Brand Identity

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

Color Palette

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

• primary: #4A5565 (rgb(74, 85, 101))
• secondary: #101828 (rgb(16, 24, 40))
• accent: #111827 (rgb(17, 24, 39))
• background: #F5F5F4 (rgb(245, 245, 244))
• textPrimary: #111827 (rgb(17, 24, 39))
• link: #111827 (rgb(17, 24, 39))

Typography

Each font links to its Google Fonts page where available.

• primary: Inter Google Fonts →
• heading: Inter Google Fonts →

Not found on Google Fonts? Agent Instructions that you can follow if you have permission to use the fonts:

CharacterQuilt.com suggests this flow that can help:
1. Open the company's homepage in a browser with DevTools open.
2. In the Network tab, filter by "Font" (or by extension: woff2, woff, ttf, otf).
3. Hard-reload the page and click around (pricing, blog, careers) — some weights only load on specific routes.
4. For each captured font URL: right-click → Save As to download the file locally.
5. View the page's CSS (DevTools → Sources, or curl the stylesheet URLs) and copy out the matching @font-face declarations. Rewrite each `src: url(...)` to point to your local file path.

Visual Assets

UI Components

Live previews rendered using Stilta's actual button styles.

• Button Primary:

  • background: #111827
  • textColor: #FFFFFF
  • borderRadius: 12px
  • shadow: none

• Button Secondary:

  • background: #FFFFFF
  • textColor: #111827
  • borderColor: #111827
  • borderRadius: 10px
  • shadow: none

Brand Personality

• Tone: professional
• Energy: medium
• Audience: business professionals

Frequently Asked Questions

What is Stilta's primary brand color? Stilta's primary brand color is #4A5565.

What accent color does Stilta use? Stilta uses #111827 as an accent color.

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

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

Where can I find Stilta's logo? Stilta's logo is available directly on their site (https://stilta.com). 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://stilta.com using the Firecrawl branding extraction API.

Methodology

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

Machine-Readable Profile

{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "Inter",
      "role": "body"
    }
  ],
  "colors": {
    "primary": "#4A5565",
    "secondary": "#101828",
    "accent": "#111827",
    "background": "#F5F5F4",
    "textPrimary": "#111827",
    "link": "#111827"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Inter",
      "heading": "Inter"
    },
    "fontStacks": {
      "heading": [
        "Inter",
        "-apple-system",
        "BlinkMacSystemFont",
        "Segoe UI",
        "Roboto",
        "Oxygen",
        "Ubuntu",
        "Cantarell",
        "Fira Sans",
        "Droid Sans",
        "Helvetica Neue",
        "sans-serif"
      ],
      "body": [
        "Inter",
        "-apple-system",
        "BlinkMacSystemFont",
        "Segoe UI",
        "Roboto",
        "Oxygen",
        "Ubuntu",
        "Cantarell",
        "Fira Sans",
        "Droid Sans",
        "Helvetica Neue",
        "sans-serif"
      ],
      "paragraph": [
        "Inter",
        "-apple-system",
        "BlinkMacSystemFont",
        "Segoe UI",
        "Roboto",
        "Oxygen",
        "Ubuntu",
        "Cantarell",
        "Fira Sans",
        "Droid Sans",
        "Helvetica Neue",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "24px",
      "h2": "36px",
      "body": "18px"
    }
  },
  "spacing": {
    "baseUnit": 8,
    "borderRadius": "0px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#111827",
      "textColor": "#FFFFFF",
      "borderRadius": "12px",
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#FFFFFF",
      "textColor": "#111827",
      "borderColor": "#111827",
      "borderRadius": "10px",
      "shadow": "none"
    }
  },
  "images": {
    "logo": "https://stilta.com/_assets/v11/567a4279eff79bd81c3f3e8dc100a6f5a1a8d47c.png",
    "favicon": "https://stilta.com/_assets/v11/f0c5578d61c204a8e9647b07da24d4e50d8da2a7.png",
    "ogImage": "https://stilta.com/_assets/v11/f0c5578d61c204a8e9647b07da24d4e50d8da2a7.png"
  }
}