Overlap Brand: Colors, Fonts, Logo & Visual Identity

Overlap Brand Identity

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

Color Palette

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

Color Name Hex RGB
Primary #0000EE rgb(0, 0, 238)
Accent #FF7701 rgb(255, 119, 1)
Background #F7F7F7 rgb(247, 247, 247)
Text #000000 rgb(0, 0, 0)
Link #FF7701 rgb(255, 119, 1)

Typography

Each font links to its Google Fonts page where available.

Font Family Role Google Fonts Link
Inter Body Google Fonts →
General Sans Heading Google Fonts →

Visual Assets

%2522%3E%3Cpath%20d%3D%2522M%200%200%20L%20119.44%200%20L%20119.44%2031%20L%200%2031%20Z%2522%20fill%3D%2522transparent%2522%3E%3C%2Fpath%3E%3Cpath%20d%3D%2522M%2013.73%2027.092%20C%207.385%2027.092%201.44%2022.467%201.44%2015.623%20C%201.44%208.467%206.523%203.092%2013.453%203.092%20C%2020.106%203.092%2025.496%208.311%2025.496%2014.936%20C%2025.496%2021.78%2020.26%2027.092%2013.73%2027.092%20Z%20M%2013.545%2021.905%20C%2017.149%2021.905%2019.675%2018.811%2019.675%2015.123%20C%2019.675%2011.498%2017.118%208.28%2013.453%208.28%20C%209.818%208.28%207.262%2011.373%207.262%2015.03%20C%207.262%2018.842%209.818%2021.905%2013.545%2021.905%20Z%20M%2034.823%2026.655%20L%2028.816%2026.655%20L%2021.208%203.53%20L%2027.184%203.53%20L%2031.773%2019.748%20L%2031.835%2019.748%20L%2036.455%203.53%20L%2042.461%203.53%20Z%20M%2053.355%2026.655%20L%2040.696%2026.655%20L%2040.696%203.53%20L%2053.355%203.53%20L%2053.355%208.717%20L%2046.271%208.717%20L%2046.271%2012.311%20L%2053.14%2012.311%20L%2053.14%2017.498%20L%2046.271%2017.498%20L%2046.271%2021.467%20L%2053.355%2021.467%20Z%20M%2071.754%2026.655%20L%2065.101%2026.655%20L%2059.833%2019.186%20L%2059.772%2019.186%20L%2059.772%2026.655%20L%2054.197%2026.655%20L%2054.197%203.53%20L%2061.651%203.53%20C%2064.023%203.53%2065.84%203.842%2067.041%204.373%20C%2069.505%205.498%2071.23%208.217%2071.23%2011.498%20C%2071.23%2015.155%2069.074%2018.155%2065.563%2018.78%20Z%20M%2059.772%2015.155%20L%2061.928%2015.155%20C%2064.238%2015.155%2065.655%2014.061%2065.655%2011.842%20C%2065.655%209.842%2064.177%208.717%2061.99%208.717%20L%2059.772%208.717%20Z%20M%2083.037%2026.655%20L%2070.47%2026.655%20L%2070.47%203.53%20L%2076.291%203.53%20L%2076.291%2021.467%20L%2083.037%2021.467%20Z%20M%20102.645%2026.655%20L%2096.33%2026.655%20L%2095.221%2023.311%20L%2087.305%2023.311%20L%2086.104%2026.655%20L%2079.851%2026.655%20L%2089%203.53%20L%2093.589%203.53%20Z%20M%2093.681%2018.623%20L%2091.34%2010.748%20L%2091.248%2010.717%20L%2088.907%2018.623%20Z%20M%20106.859%2026.655%20L%20101.284%2026.655%20L%20101.284%203.53%20L%20108.984%203.53%20C%20111.417%203.498%20113.235%203.842%20114.436%204.405%20C%20116.9%205.561%20118.44%208.217%20118.44%2011.342%20C%20118.44%2015.623%20116.099%2019.405%20109.569%2019.405%20L%20106.859%2019.405%20Z%20M%20106.859%2014.217%20L%20109.354%2014.217%20C%20111.695%2014.217%20112.865%2013.405%20112.865%2011.436%20C%20112.865%209.561%20111.726%208.717%20109.138%208.717%20L%20106.859%208.717%20Z%2522%20fill%3D%2522rgb(255%2C60%2C0)%2522%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E)

UI Components

Live previews rendered using Overlap's actual button styles.

Button Primary

Style Value
background #F7F7F7
textColor #0000EE
borderRadius 12px
shadow none

Button Secondary

Style Value
background #000000
textColor #0000EE
borderRadius 14px
shadow none

Brand Personality

Tone: modern
Energy: medium
Audience: media professionals, podcasters, content creators

Overlap Brand in the Wild

Image: framerusercontent.com

Source: overlap.ai

Image: framerusercontent.com

Source: overlap.ai

Image: framerusercontent.com

Source: overlap.ai

Image: framerusercontent.com

Source: overlap.ai

Image: framerusercontent.com

Source: overlap.ai

Image: framerusercontent.com

Source: overlap.ai

Frequently Asked Questions

  1. What is Overlap's primary brand color?
    Overlap's primary brand color is #0000EE. It anchors the visual identity across their website, product UI, and marketing materials.
  2. What accent color does Overlap use?
    Overlap uses #FF7701 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.
  3. What font does Overlap use?
    Overlap uses Inter for body text and General Sans for headings. Fonts were detected on https://overlap.ai/ as part of their live design system.
  4. Does Overlap use a light or dark theme?
    Overlap's primary site uses a light color scheme, with a background of #F7F7F7.
  5. Where can I find Overlap's logo?
    Overlap's logo is available directly on their site (https://overlap.ai/). The current logo URL is included in the machine-readable JSON profile linked above.
  6. How was this brand profile generated?
    This profile was extracted from https://overlap.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 Overlap.