Product Hunt Brand: Colors, Fonts, Logo & Visual Identity
Product Hunt Brand Identity
A complete profile of Product Hunt's visual system — colors, typography, components, and personality — extracted from http://producthunt.com. Built for designers, agents, and AI tools.
Color Palette
Brand palette extracted from http://producthunt.com.
- primary: #344054
- secondary: #101828
- accent: #FF6154
- background: #FFFFFF
- textPrimary: #000000
- link: #FF6154
Typography
Each font links to its Google Fonts page where available.
- primary: Segoe UI
- heading: Segoe UI
- Apple system font stack: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji
Visual Assets
%20!important%3B%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M22.667%2020H17v-6h5.667a3%203%200%200%201%200%206m0-10H13v20h4v-6h5.667a7%207%200%201%200%200-14%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E)
UI Components
Live previews rendered using Product Hunt's actual button styles.
Input
- background: #F2F4F7
- textColor: #4B587C
- borderColor: null
- borderRadius: 9999px
- shadow: none
Button Primary
- background: #FF6154
- textColor: #FFFFFF
- borderRadius: 9999px
- shadow: none
Button Secondary
- background: #FFFFFF
- textColor: #344054
- borderColor: #EAECF0
- borderRadius: 9999px
- shadow: none
Brand Personality
- Tone: modern
- Energy: high
- Audience: tech enthusiasts and early adopters
Product Hunt Brand in the Wild
Source: producthunt.com
Source: producthunt.com
Source: producthunt.com
Source: producthunt.com
Source: producthunt.com
Source: producthunt.com
Frequently Asked Questions
What is Product Hunt's primary brand color?
Product Hunt's primary brand color is #344054. It anchors the visual identity across their website, product UI, and marketing materials.
What accent color does Product Hunt use?
Product Hunt uses #FF6154 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.
What font does Product Hunt use?
Product Hunt uses Segoe UI as the primary typeface across body and headings.
Does Product Hunt use a light or dark theme?
Product Hunt's primary site uses a light color scheme, with a background of #FFFFFF.
Where can I find Product Hunt's logo?
Product Hunt's logo is available directly on their site (http://producthunt.com). 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 http://producthunt.com 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 Product Hunt.
Machine-Readable Profile
Direct endpoints for agents, designers, and tooling. No login or auth required.