Abstra Brand: Colors, Fonts, Logo & Visual Identity
Abstra Brand Identity
A complete profile of Abstra's visual system — colors, typography, components, and personality — extracted from https://abstra.io. Built for designers, agents, and AI tools.
Color Palette
Brand palette extracted from https://abstra.io.
| Color Code | RGB | |
|---|---|---|
| Primary | #D14056 | rgb(209, 64, 86) |
| Secondary | #EA576A | rgb(234, 87, 106) |
| Accent | #EA576A | rgb(234, 87, 106) |
| Background | #FFFFFF | rgb(255, 255, 255) |
| Text Primary | #020817 | rgb(2, 8, 23) |
| Link | #020817 | rgb(2, 8, 23) |
Typography
Each font links to its Google Fonts page where available.
| Type | Font Family |
|---|---|
| Primary | ui-sans-serif |
| Heading | ui-sans-serif |
Visual Assets
Logo
Favicon
Social Card
UI Components
Live previews rendered using Abstra's actual button styles.
Button Primary
| Property | Value |
|---|---|
| Background | #EA576A |
| Text Color | #FFFFFF |
| Border Radius | 6px |
| Shadow | none |
Button Secondary
| Property | Value |
|---|---|
| Background | #FFFFFF |
| Text Color | #EA576A |
| Border Radius | 6px |
| Shadow | none |
Brand Personality
Tone: modern
Energy: medium
Audience: finance professionals
Frequently Asked Questions
What is Abstra's primary brand color?
Abstra's primary brand color is #D14056. It anchors the visual identity across their website, product UI, and marketing materials.
What accent color does Abstra use?
Abstra uses #EA576A as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.
What font does Abstra use?
Abstra uses ui-sans-serif as the primary typeface across body and headings.
Does Abstra use a light or dark theme?
Abstra's primary site uses a light color scheme, with a background of #FFFFFF.
Where can I find Abstra's logo?
Abstra's logo is available directly on their site (https://abstra.io). The current logo URL is included in the machine-readable JSON profile linked above.