Attention Brand Identity

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

Color Palette

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

• primary: #141025
• secondary: #3898EC
• accent: #1E1A2E
• background: #FFFFFF
• textPrimary: #0D0E16
• link: #1E1A2E

Typography

Each font links to its Google Fonts page where available.

• primary: Uncutsans (Google Fonts →)
• heading: Hankengrotesk (Google Fonts →)
• Hankengrotesk, sans-serif

Visual Assets

Logo

Favicon

Social Card

UI Components

Live previews rendered using Attention's actual button styles.

• Input:
  background: #FFFFFF
  textColor: #141025
  borderColor: #ECECEE
  borderRadius: 16px
  shadow: none

• Button Primary: background: #1E1A2E
  textColor: #FFFFFF
  borderRadius: 12px
  shadow: rgba(255, 255, 255, 0.12) 0px 0px 0px 1px inset

• Button Secondary: background: #FFFFFF
  textColor: #0D0E16
  borderRadius: 8px
  shadow: rgba(20, 16, 37, 0.08) 0px 0px 0px 1px inset

Brand Personality

• Tone: modern
• Energy: medium
• Audience: sales professionals and businesses

Frequently Asked Questions

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

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

• What font does Attention use?
  Attention uses Uncutsans for body text and Hankengrotesk for headings. Fonts were detected on https://www.attention.com/ as part of their live design system.

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

• Where can I find Attention's logo?
  Attention's logo is available directly on their site (https://www.attention.com/). The current logo URL is included in the machine-readable JSON profile linked above.

Methodology

Brand data on this page was extracted from https://www.attention.com/ on 2026-07-27 using the Firecrawl branding extraction API, which inspects each site's live CSS, font network requests, color tokens, and component styles.

Machine-Readable Profile

Direct endpoints for agents, designers, and tooling. No login or auth required.