NewsBlur Brand Identity

A complete profile of NewsBlur's visual system — colors, typography, components, and personality — extracted from https://www.newsblur.com. Built for designers, agents, and AI tools.

Color Palette

Brand palette extracted from https://www.newsblur.com.

primary

• Hex: #C4A870
• RGB: rgb(196, 168, 112)

secondary

• Hex: #5C89C9
• RGB: rgb(92, 137, 201)

accent

• Hex: #D9A621
• RGB: rgb(217, 166, 33)

background

• Hex: #FFFFFF
• RGB: rgb(255, 255, 255)

textPrimary

• Hex: #000000
• RGB: rgb(0, 0, 0)

link

• Hex: #EDE5D4
• RGB: rgb(237, 229, 212)

Typography

Fonts

Each font links to its Google Fonts page where available.

primary
Whitney SSm
Google Fonts →

heading
Gotham Narrow
Google Fonts →
Whitney SSm, Lucida Grande, Verdana, Helvetica Neue, Helvetica, sans-serif

UI Components

Live previews rendered using NewsBlur's actual button styles.

Input

• Background: #E7DCC6
• Text Color: #2D261A
• Border Color: #B49B67
• Border Radius: 12px
• Shadow: rgba(0, 0, 0, 0.06) 0px 1px 2px 0px inset

Button Primary

• Background: #D9A621
• Text Color: #FFFFFF
• Border Radius: 12px
• Shadow: none

Button Secondary

• Background: #24292E
• Text Color: #FFFFFF
• Border Radius: 6px
• Shadow: none

Brand Personality

• Tone: professional
• Energy: medium
• Audience: tech-savvy users looking for personalized news aggregation

Visual Assets

Frequently Asked Questions

What is NewsBlur's primary brand color?
NewsBlur's primary brand color is #C4A870. It anchors the visual identity across their website, product UI, and marketing materials.

What accent color does NewsBlur use?
NewsBlur uses #D9A621 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.

What font does NewsBlur use?
NewsBlur uses Whitney SSm for body text and Gotham Narrow for headings. Fonts were detected on https://www.newsblur.com as part of their live design system.

Does NewsBlur use a light or dark theme?
NewsBlur's primary site uses a light color scheme, with a background of #FFFFFF.

Where can I find NewsBlur's logo?
NewsBlur's logo is available directly on their site (https://www.newsblur.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 https://www.newsblur.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 NewsBlur.