The Human Utility Brand Identity

A complete profile of The Human Utility's visual system — colors, typography, components, and personality — extracted from https://www.detroitwaterproject.org/. Built for designers, agents, and AI tools.

Color Palette

Brand palette extracted from https://www.detroitwaterproject.org/.
Primary
#6C757D
Secondary
#FFC107
Accent
#007BFF
Background
#FFFFFF
Text Primary
#007BFF
Link
#007BFF

Typography

Each font links to its Google Fonts page where available.

Primary
Roboto
Roboto Google Fonts →
Heading
Roboto
Roboto Google Fonts → Alternate Font
acumin-pro, sans-serif

Visual Assets

Logo

Favicon

Social Card

UI Components

Live previews rendered using The Human Utility's actual button styles.

• Input

  • Background: #FFFFFF
  • Text Color: #495057
  • Border Color: #CED4DA
  • Border Radius: 4px
  • Shadow: none

• Button Primary

  • Background: #FFC107
  • Text Color: #212529
  • Border Color: #FFC107
  • Border Radius: 4.8px
  • Shadow: none

• Button Secondary

  • Background: #007BFF
  • Text Color: #FFFFFF
  • Border Color: #007BFF
  • Border Radius: 4.8px
  • Shadow: none

Brand Personality

• Tone: professional
• Energy: medium
• Audience: individuals seeking water bill assistance

Frequently Asked Questions

1. What is The Human Utility's primary brand color?
   The Human Utility's primary brand color is #6C757D. It anchors the visual identity across their website, product UI, and marketing materials.
2. What accent color does The Human Utility use?
   The Human Utility uses #007BFF as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.
3. What font does The Human Utility use?
   The Human Utility uses Roboto as the primary typeface across body and headings.
4. Does The Human Utility use a light or dark theme?
   The Human Utility's primary site uses a light color scheme, with a background of #FFFFFF.
5. Where can I find The Human Utility's logo?
   The Human Utility's logo is available directly on their site (https://www.detroitwaterproject.org/). The current logo URL is included in the machine-readable JSON profile linked above.
6. How was this brand profile generated?
   This profile was extracted from https://www.detroitwaterproject.org/ using the Firecrawl branding extraction API, which inspects the live page's CSS, fonts, color tokens, and component styles.