Plai Brand: Colors, Fonts, Logo & Visual Identity
Plai Brand Identity
A complete profile of Plai's visual system — colors, typography, components, and personality — extracted from https://www.plai.io/. Built for designers, agents, and AI tools.
Color Palette
Brand palette extracted from https://www.plai.io/.
| Color | Hex | RGB |
|---|---|---|
| primary | #40454F | rgb(64, 69, 79) |
| secondary | #0F1F3D | rgb(15, 31, 61) |
| accent | #145AFF | rgb(20, 90, 255) |
| background | #FFFFFF | rgb(255, 255, 255) |
| textPrimary | #0D0E10 | rgb(13, 14, 16) |
| link | #145AFF | rgb(20, 90, 255) |
Typography
Each font links to its Google Fonts page where available.
| Role | Font | Google Fonts Link |
|---|---|---|
| primary | Space Grotesk | Space Grotesk → |
| heading | Space Grotesk | Space Grotesk → |
Visual Assets
.png)
UI Components
| Component | Background | Text Color | Border Radius |
|---|---|---|---|
| Input | #F1F3F6 | #333333 | 12px |
| Button Primary | #145AFF | #FFFFFF | 12px |
| Button Secondary | #FFFFFF | #145AFF | 12px |
Brand Personality
Tone: modern
Energy: medium
Audience: businesses looking for AI-driven ad solutions
Frequently Asked Questions
What is Plai's primary brand color?
Plai's primary brand color is #40454F. It anchors the visual identity across their website, product UI, and marketing materials.
What accent color does Plai use?
Plai uses #145AFF as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.
What font does Plai use?
Plai uses Space Grotesk as the primary typeface across body and headings.
Does Plai use a light or dark theme?
Plai's primary site uses a light color scheme, with a background of #FFFFFF.
Where can I find Plai's logo?
Plai's logo is available directly on their site (https://www.plai.io/). 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://www.plai.io/ 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 Plai.
Machine-Readable Profile
{
"colorScheme": "light",
"fonts": [
{
"family": "Space Grotesk",
"role": "body"
}
],
"colors": {
"primary": "#40454F",
"secondary": "#0F1F3D",
"accent": "#145AFF",
"background": "#FFFFFF",
"textPrimary": "#0D0E10",
"link": "#145AFF"
},
"typography": {
"fontFamilies": {
"primary": "Space Grotesk",
"heading": "Space Grotesk"
},
"fontStacks": {
"heading": [
"Space Grotesk",
"sans-serif"
],
"body": [
"Space Grotesk",
"sans-serif"
],
"paragraph": [
"Space Grotesk",
"sans-serif"
]
},
"fontSizes": {
"h1": "153.6px",
"h2": "48px",
"body": "22px"
}
},
"spacing": {
"baseUnit": 4,
"borderRadius": "12px"
},
"components": {
"input": {
"background": "#F1F3F6",
"textColor": "#333333",
"borderColor": null,
"borderRadius": "12px",
"shadow": "none"
},
"buttonPrimary": {
"background": "#145AFF",
"textColor": "#FFFFFF",
"borderRadius": "12px",
"shadow": "none"
},
"buttonSecondary": {
"background": "#FFFFFF",
"textColor": "#145AFF",
"borderRadius": "12px",
"shadow": "none"
}
},
"images": {
"logo": "https://cdn.prod.website-files.com/6798ff28c64131df111e57cc/67995a3a91e94e6b56ab875d_unnamed.png",
"favicon": "https://cdn.prod.website-files.com/6798ff28c64131df111e57cc/6826d81d0fbde8a359cfa645_Plai%20Favicon%20Logo%20(2).png",
"ogImage": "https://cdn.prod.website-files.com/6798ff28c64131df111e57cc/6853af7de3f3b9edee5cb249_Plai%20ai%20marketing%20tool.png"
},
"personality": {
"tone": "modern",
"energy": "medium",
"targetAudience": "businesses looking for AI-driven ad solutions"
}
}