Kapacity.io Brand: Colors, Fonts, Logo & Visual Identity
Kapacity.io Brand Identity
A complete profile of Kapacity.io's visual system — colors, typography, components, and personality — extracted from https://kapacity.io. Built for designers, agents, and AI tools.
Color Palette
Brand palette extracted from https://kapacity.io.
| Color | Hex Code | RGB Values |
|---|---|---|
| Primary | #152B45 | rgb(21, 43, 69) |
| Secondary | #C7CFDB | rgb(199, 207, 219) |
| Accent | #1F3B62 | rgb(31, 59, 98) |
| Background | #172F49 | rgb(23, 47, 73) |
| Text Primary | #172F49 | rgb(23, 47, 73) |
| Link | #172F49 | rgb(23, 47, 73) |
Typography
Each font links to its Google Fonts page where available.
| Role | Font | Link |
|---|---|---|
| Primary | Inter | Google Fonts → |
| Heading | Redhat Display | Google Fonts → |
Visual Assets
UI Components
Live previews rendered using Kapacity.io's actual button styles.
| Component | Background | Text Color | Border Radius | Shadow |
|---|---|---|---|---|
| Input | #33485F | #F5F5F5 | 50px | none |
| Button Primary | #1F3B62 | #FFFFFF | 50px | none |
| Button Secondary | #172F49 | #F5F5F5 | 0px | none |
Brand Personality
Tone: professional Energy: medium Audience: business professionals
Frequently Asked Questions
What is Kapacity.io's primary brand color? Kapacity.io's primary brand color is #152B45. It anchors the visual identity across their website, product UI, and marketing materials.
What accent color does Kapacity.io use? Kapacity.io uses #1F3B62 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.
What font does Kapacity.io use? Kapacity.io uses Inter for body text and Redhat Display for headings. Fonts were detected on https://kapacity.io as part of their live design system.
Does Kapacity.io use a light or dark theme? Kapacity.io's primary site uses a dark color scheme, with a background of #172F49.
Where can I find Kapacity.io's logo? Kapacity.io's logo is available directly on their site (https://kapacity.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://kapacity.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 Kapacity.io.