Retape Brand: Colors, Fonts, Logo & Visual Identity
Retape Brand Identity
A complete profile of Retape's visual system — colors, typography, components, and personality — extracted from https://www.retape.ai/. Built for designers, agents, and AI tools.
Color Palette
Brand palette extracted from https://www.retape.ai/.
primary
#030712
secondary
#6B7280
accent
#111827
background
#FFFFFF
textPrimary
#111827
link
#111827
Typography
Each font links to its Google Fonts page where available.
primary
Inter
Inter Google Fonts →
heading
Inter
Inter Google Fonts →
Visual Assets
UI Components
Live previews rendered using Retape's actual button styles.
Button Primary
buttonPrimary
background: #111827, textColor: #FFFFFF, borderRadius: 9999px, shadow: none
Button Secondary
buttonSecondary
background: #FFFFFF, textColor: #111827, borderRadius: 9999px, shadow: none
Brand Personality
Tone: professional
Energy: medium
Audience: businesses in debt settlement
Retape Brand in the Wild
Image: i.ytimg.com
Source: youtube.com
Image: cdn.completeaitraining.com
Source: completeaitraining.com
Image: images-cdn.ispot.tv
Source: ispot.tv
Image: f4.bcbits.com
Source: retape.bandcamp.com
Image: res.cloudinary.com
Source: fondo.com
Frequently Asked Questions
What is Retape's primary brand color?
Retape's primary brand color is #030712. It anchors the visual identity across their website, product UI, and marketing materials.
What accent color does Retape use?
Retape uses #111827 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.
What font does Retape use?
Retape uses Inter as the primary typeface across body and headings.
Does Retape use a light or dark theme?
Retape'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://www.retape.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 Retape.
Methodology
Brand data on this page was extracted from https://www.retape.ai/ on 2026-07-27 using the Firecrawl branding extraction API, which inspects each site's live CSS, font network requests, color tokens, and component styles. Brand-in-the-wild images were sourced via Google Image Search restricted to ad/webinar/report queries and link out to their original third-party publishers; we link to the source rather than re-hosting third-party content. This page is published by CharacterQuilt and is not affiliated with or endorsed by Retape.
Machine-Readable Profile
Direct endpoints for agents, designers, and tooling. No login or auth required.
{
"colorScheme": "light",
"fonts": [{
"family": "Inter",
"role": "body"
}],
"colors": {
"primary": "#030712",
"secondary": "#6B7280",
"accent": "#111827",
"background": "#FFFFFF",
"textPrimary": "#111827",
"link": "#111827"
},
"typography": {
"fontFamilies": {
"primary": "Inter",
"heading": "Inter"
},
"fontStacks": {
"heading": [
"Inter",
"-apple-system",
"BlinkMacSystemFont",
"Segoe UI",
"Roboto",
"sans-serif"
],
"body": [
"Inter",
"-apple-system",
"BlinkMacSystemFont",
"Segoe UI",
"Roboto",
"sans-serif"
],
"paragraph": [
"Inter",
"-apple-system",
"BlinkMacSystemFont",
"Segoe UI",
"Roboto",
"sans-serif"
]
},
"fontSizes": {
"h1": "64px",
"h2": "36px",
"body": "18px"
}
},
"spacing": {
"baseUnit": 4,
"borderRadius": "3px"
},
"components": {
"buttonPrimary": {
"background": "#111827",
"textColor": "#FFFFFF",
"borderRadius": "9999px",
"borderRadiusCorners": {
"topLeft": "9999px",
"topRight": "9999px",
"bottomRight": "9999px",
"bottomLeft": "9999px"
},
"shadow": "none"
},
"buttonSecondary": {
"background": "#FFFFFF",
"textColor": "#111827",
"borderRadius": "9999px",
"borderRadiusCorners": {
"topLeft": "9999px",
"topRight": "9999px",
"bottomRight": "9999px",
"bottomLeft": "9999px"
},
"shadow": "none"
}
},
"images": {
"logo": null,
"favicon": "https://retape.ai/favicon.ico",
"ogImage": null
},
"__llm_button_reasoning": {
"primary": {
"index": 0,
"text": "Schedule a demo",
"reasoning": "Button #0 has a dark background (#111827) which is more vibrant and stands out more compared to the light background of Button #1. This makes it more likely to be the primary CTA."
},
"secondary": {
"index": 1,
"text": "Schedule a demo",
"reasoning": "Button #1 has a light background (#FFFFFF), making it less prominent than Button #0, which fits the role of a secondary button."
},
"confidence": 0.95
},
"personality": {
"tone": "professional",
"energy": "medium",
"targetAudience": "businesses in debt settlement"
},
"designSystem": {
"framework": "tailwind",
"componentLibrary": ""
},
"confidence": {
"buttons": 0.95,
"colors": 0.9,
"overall": 0.925
},
"__llm_metadata": {
"logoSelection": {
"llmCalled": false,
"llmSucceeded": false,
"finalSource": "none"
},
"buttonClassification": {
"llmCalled": true,
"llmSucceeded": true
}
}
}