Phonic Brand: Colors, Fonts, Logo & Visual Identity
Phonic Brand Identity
A complete profile of Phonic's visual system — colors, typography, components, and personality — extracted from https://phonic.ai. Built for designers, agents, and AI tools.
Color Palette
Brand palette extracted from https://phonic.ai.
| Type | Color Code | RGB |
|---|---|---|
| Primary | #000000 | rgb(0, 0, 0) |
| Accent | #0C0A09 | rgb(12, 10, 9) |
| Background | #FAFAF9 | rgb(250, 250, 249) |
| Text | #0C0A09 | rgb(12, 10, 9) |
| Link | #000000 | rgb(0, 0, 0) |
Typography
Each font links to its Google Fonts page where available.
| Role | Font | Google Fonts Link |
|---|---|---|
| Primary | Pilat | Google Fonts → |
| Heading | Pilat | Google Fonts → |
Visual Assets
%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M538.139%200V16.0867H515.391V0H538.139ZM538.139%2027.6236V113.744H515.391V27.6236H538.139Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M496.717%20113.742H474.13V64.9941C474.13%2046.9575%20462.106%2044.1952%20447.319%2044.1952C427.983%2044.1952%20415.796%2050.2074%20415.796%2069.0564V113.742H393.047V27.621H415.796V43.5452H416.771C421.808%2033.6332%20432.695%2025.9961%20454.469%2025.9961C478.193%2025.9961%20496.717%2032.6583%20496.717%2061.2568V113.742Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M321.201%20115.367H311.127C275.704%20115.367%20256.367%20105.13%20256.367%2074.5811V66.944C256.367%2036.2331%20275.704%2025.9961%20311.127%2025.9961H321.201C356.787%2025.9961%20376.124%2036.2331%20376.124%2066.944V74.5811C376.124%20105.13%20356.787%20115.367%20321.201%20115.367ZM316.327%2097.1675C340.538%2097.1675%20353.537%2093.4302%20353.537%2073.1187V68.2439C353.537%2047.9325%20340.538%2044.1952%20316.327%2044.1952C291.79%2044.1952%20278.954%2047.9325%20278.954%2068.2439V73.1187C278.954%2093.4302%20291.79%2097.1675%20316.327%2097.1675Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M240.447%20113.744H217.861V64.9967C217.861%2046.9601%20205.836%2044.1978%20191.05%2044.1978C171.713%2044.1978%20159.526%2050.2099%20159.526%2069.059V113.744H136.777V0H159.526V43.5478H160.501C165.538%2033.6358%20176.425%2025.9987%20198.199%2025.9987C221.923%2025.9987%20240.447%2032.6608%20240.447%2061.2594V113.744Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M0%2027.621H22.5863V43.5452H23.2363C28.761%2031.5208%2041.7604%2025.9961%2065.4842%2025.9961H70.0339C101.07%2025.9961%20119.756%2036.2331%20119.756%2066.7815V74.4186C119.756%20105.13%20101.07%20115.367%2070.0339%20115.367H65.4842C41.7604%20115.367%2028.761%20109.842%2023.2363%2097.8174H22.5863V141.365H0V27.621ZM59.7969%2044.1952C35.5857%2044.1952%2022.5863%2047.9325%2022.5863%2067.7565V73.1187C22.5863%2093.4302%2035.5857%2097.1675%2059.7969%2097.1675C84.3332%2097.1675%2097.17%2093.4302%2097.17%2073.1187V68.2439C97.17%2047.9325%2084.3332%2044.1952%2059.7969%2044.1952Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3C%2Fsvg%3E)
Logo
Favicon
Social Card
UI Components
Live previews rendered using Phonic's actual button styles.
Button Primary
- Background: #0C0A09
- Text Color: #FFFFFF
- Border Radius: 12px
- Shadow: none
Button Secondary
- Background: #FFFFFF
- Text Color: #000000
- Border Radius: 0px
- Shadow: none
Brand Personality
- Tone: modern
- Energy: medium
- Audience: tech-savvy professionals
Phonic Brand in the Wild
Real-world brand assets — ads, campaigns, and marketing materials.
Source: phonic.ai
Source: phonic.ai
Source: phonic.ai
Source: phonic.ai
Source: phonic.ai
Source: phonic.ai
Frequently Asked Questions
What is Phonic's primary brand color?
Phonic's primary brand color is #000000. It anchors the visual identity across their website, product UI, and marketing materials.What accent color does Phonic use?
Phonic uses #0C0A09 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.What font does Phonic use?
Phonic uses Pilat as the primary typeface across body and headings.Does Phonic use a light or dark theme?
Phonic's primary site uses a light color scheme, with a background of #FAFAF9.Where can I find Phonic's logo?
Phonic's logo is available directly on their site (phonic.ai).How was this brand profile generated?
This profile was extracted from https://phonic.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 Phonic.
Methodology
Brand data on this page was extracted from https://phonic.ai on 2026-07-27 using the Firecrawl branding extraction API.
Machine-Readable Profile
Direct endpoints for agents, designers, and tooling. No login or auth required.