Transcend Brand: Colors, Fonts, Logo & Visual Identity
Transcend Brand Identity
A complete profile of Transcend's visual system — colors, typography, components, and personality — extracted from transcend.io. Built for designers, agents, and AI tools.
Color Palette
Brand palette extracted from https://transcend.io/?ref=startups.gallery.
- Primary:
#D8FB4B(rgb(216, 251, 75)) - Secondary:
#DFDEFD(rgb(223, 222, 253)) - Accent:
#D8FB4B(rgb(216, 251, 75)) - Background:
#1C1C1E(rgb(28, 28, 30)) - Text Primary:
#1C1C1E(rgb(28, 28, 30)) - Link:
#5F5BF7(rgb(95, 91, 247))
Typography
Each font links to its Google Fonts page where available.
- Primary: GTPlanar
- Heading: GTPlanar
UI Components
Live previews rendered using Transcend's actual button styles.
Input:
- Background: transparent
- Text Color:
#FFFFFF - Border Color: null
- Border Radius:
0px - Shadow: none
Button Primary:
- Background:
#D8FB4B - Text Color:
#1C1C1E - Border Radius:
10px - Shadow: none
- Background:
Button Secondary:
- Background:
#5F5BF7 - Text Color:
#FFFFFF - Border Radius:
0px - Shadow: none
- Background:
Brand Personality
- Tone: modern
- Energy: high
- Audience: businesses seeking compliance solutions
Transcend Brand in the Wild
Real-world brand assets — ads, campaigns, and marketing materials.
Frequently Asked Questions
What is Transcend's primary brand color? Transcend's primary brand color is
#D8FB4B. It anchors the visual identity across their website, product UI, and marketing materials.What font does Transcend use? Transcend uses GTPlanar as the primary typeface across body and headings.
Does Transcend use a light or dark theme? Transcend's primary site uses a light color scheme, with a background of
#1C1C1E.Where can I find Transcend's logo? Transcend's logo is available directly on their site (https://transcend.io/?ref=startups.gallery).
How was this brand profile generated? This profile was extracted from https://transcend.io/?ref=startups.gallery using the Firecrawl branding extraction API.
Machine-Readable Profile
Direct endpoints for agents, designers, and tooling. No login or auth required.
{
"colorScheme": "light",
"fonts": [
{
"family": "GTPlanar",
"role": "unknown"
}
],
"colors": {
"primary": "#D8FB4B",
"secondary": "#DFDEFD",
"accent": "#D8FB4B",
"background": "#1C1C1E",
"textPrimary": "#1C1C1E",
"link": "#5F5BF7"
}
}
Design Assets
Logo: %20!important%3B%22%2F%3E%3Cpath%20class%3D%22fill-current%22%20fill-rule%3D%22evenodd%22%20d%3D%22M19.97%2010.24a6.974%206.974%200%200%201-.212%209.848%206.93%206.93%200%200%201-4.814%201.93h-.17c-3.85-.085-6.904-3.286-6.82-7.134a6.93%206.93%200%200%201%202.164-4.877%206.93%206.93%200%200%201%204.974-1.929%206.93%206.93%200%200%201%204.878%202.163M9.938%2014.938a4.99%204.99%200%200%200%204.868%205.099%204.993%204.993%200%200%200%205.1-4.866%204.93%204.93%200%200%200-1.378-3.551%204.97%204.97%200%200%200-3.489-1.548%204.94%204.94%200%200%200-3.553%201.378%204.97%204.97%200%200%200-1.548%203.488%22%20clip-rule%3D%22evenodd%22%20style%3D%22fill%3A%20rgb(28%2C%2028%2C%2030)%20!important%3B%22%2F%3E%3Cpath%20class%3D%22fill-current%22%20d%3D%22M33.75%208h11.261v2.389h-4.21v11.613h-2.834V10.39H33.75z%22%20style%3D%22fill%3A%20rgb(28%2C%2028%2C%2030)%20!important%3B%22%2F%3E%3Cpath%20class%3D%22fill-current%22%20d%3D%22M46.811%2013.563h.06c.606-1.144%201.293-1.723%202.467-1.723.212-.013.424.014.627.078v2.33h-.06c-1.741-.177-2.995.743-2.995%202.86v4.895h-2.664V11.957h2.565zM57.132%2020.886h-.04c-.511.764-1.234%201.352-2.957%201.352-2.06%200-3.506-1.078-3.506-3.075%200-2.213%201.8-2.918%204.034-3.232%201.664-.228%202.428-.37%202.428-1.144%200-.725-.567-1.194-1.684-1.194-1.254%200-1.86.457-1.938%201.41H51.1c.078-1.763%201.392-3.31%204.328-3.31%203.016%200%204.23%201.35%204.23%203.7v5.124c0%20.762.117%201.213.353%201.39v.098h-2.565c-.158-.2-.256-.668-.314-1.12m.019-2.428V16.95c-.47.274-1.195.43-1.86.588-1.39.313-2.076.627-2.076%201.567s.627%201.273%201.567%201.273c1.527%200%202.369-.94%202.369-1.92M64.099%2013.328h.057c.686-1.078%201.602-1.646%202.975-1.646%202.075%200%203.466%201.568%203.466%203.76v6.56h-2.66v-6.178c0-1.075-.628-1.83-1.745-1.83-1.173%200-2.036.94-2.036%202.31v5.699h-2.664V11.957H64.1zM71.934%2018.75h2.469c.176%201.156.997%201.666%202.192%201.666s1.83-.457%201.83-1.155c0-.959-1.272-1.057-2.642-1.332-1.801-.352-3.563-.842-3.563-3.034%200-2.193%201.8-3.204%204.091-3.204%202.646%200%204.12%201.313%204.31%203.33H78.22c-.117-1.078-.801-1.47-1.939-1.47-1.036%200-1.723.392-1.723%201.117%200%20.863%201.332.94%202.762%201.234%201.685.352%203.545.823%203.545%203.171%200%202.018-1.723%203.231-4.231%203.231-2.918-.009-4.543-1.418-4.7-3.553M81.86%2016.989c0-2.996%201.958-5.307%205.013-5.307%202.604%200%204.21%201.508%204.563%203.682H88.83a1.83%201.83%200%200%200-1.831-1.547c-1.602%200-2.428%201.234-2.428%203.172%200%201.9.764%203.174%202.39%203.174%201.077%200%201.83-.57%202.015-1.705h2.565c-.176%202.135-1.83%203.838-4.521%203.838-3.183%200-5.16-2.31-5.16-5.307M92.527%2016.97c0-2.974%202.016-5.288%204.955-5.288%203.231%200%204.954%202.467%204.954%206.053H95.15c.197%201.547%201.06%202.506%202.565%202.506%201.039%200%201.645-.472%201.94-1.234h2.623c-.371%201.78-1.957%203.288-4.542%203.288-3.33%200-5.209-2.329-5.209-5.324m2.664-1.077h4.465c-.08-1.273-.916-2.154-2.136-2.154-1.41%200-2.096.842-2.329%202.154M106.345%2013.328h.057c.686-1.078%201.602-1.646%202.975-1.646%202.075%200%203.467%201.568%203.467%203.76v6.56h-2.664v-6.178c0-1.075-.627-1.83-1.744-1.83-1.174%200-2.036.94-2.036%202.31v5.699h-2.662V11.957h2.607zM114.125%2016.989c0-3.133%201.783-5.307%204.288-5.307a3.19%203.19%200%200%201%202.84%201.49h.06V8h2.663v14.002h-2.565v-1.31h-.041c-.586.958-1.586%201.601-2.996%201.601-2.526.002-4.249-2.053-4.249-5.304m7.245.06c0-1.92-.625-3.204-2.33-3.204-1.469%200-2.212%201.29-2.212%203.15%200%201.941.764%203.076%202.135%203.076%201.585-.011%202.407-1.183%202.407-3.023%22%20style%3D%22fill%3A%20rgb(28%2C%2028%2C%2030)%20!important%3B%22%2F%3E%3C%2Fsvg%3E
Favicon:
Social Card: