ABILITY Brand: Colors, Fonts, Logo & Visual Identity

ABILITY Brand Identity

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

Colors

Type	Color	RGB
Primary	#00ACF8	rgb(0, 172, 248)
Secondary	#09599A	rgb(9, 89, 154)
Accent	#40D9F1	rgb(64, 217, 241)
Background	#FFFFFF	rgb(255, 255, 255)
Text	#000000	rgb(0, 0, 0)
Link	#40D9F1	rgb(64, 217, 241)

Typography

Body Font: Source Sans 3
Source Sans 3 →
Heading Font: Montserrat
Montserrat →
Montserrat, Helvetica, Arial, Lucida, sans-serif

Visual Assets

Logo

Favicon

Social Card

UI Components

Input

Background: #FFFFFF
Text Color: #191919
Border Color: null
Border Radius: 3px
Shadow: none

Brand Personality

Tone: professional
Energy: medium
Audience: people with disabilities and their advocates

ABILITY Brand in the Wild

Frequently Asked Questions

What is ABILITY's primary brand color?
ABILITY's primary brand color is #00ACF8.
What accent color does ABILITY use?
ABILITY uses #40D9F1 as an accent color.
What font does ABILITY use?
ABILITY uses Source Sans 3 for body text and Montserrat for headings.
Does ABILITY use a light or dark theme?
ABILITY's primary site uses a light color scheme.
Where can I find ABILITY's logo?
ABILITY's logo is available on their site here.
How was this brand profile generated?
This profile was extracted using the Firecrawl branding extraction API.

Methodology

Brand data was extracted using the Firecrawl branding extraction API, which inspects each site's live CSS, font network requests, color tokens, and component styles.

Machine-Readable Profile

{
  "colorScheme": "light",
  "fonts": [
    { "family": "Source Sans 3", "role": "body" },
    { "family": "Montserrat", "role": "heading" },
    { "family": "PT Sans", "role": "unknown" }
  ],
  "colors": {
    "primary": "#00ACF8",
    "secondary": "#09599A",
    "accent": "#40D9F1",
    "background": "#FFFFFF",
    "textPrimary": "#000000",
    "link": "#40D9F1"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Source Sans 3",
      "heading": "Montserrat"
    },
    "fontStacks": {
      "heading": [
        "Montserrat",
        "Helvetica",
        "Arial",
        "Lucida",
        "sans-serif"
      ],
      "body": [
        "Source Sans 3"
      ],
      "paragraph": [
        "Source Sans 3"
      ]
    },
    "fontSizes": {
      "h1": "40px",
      "h2": "28px",
      "body": "24px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "4px"
  },
  "components": {
    "input": {
      "background": "#FFFFFF",
      "textColor": "#191919",
      "borderColor": null,
      "borderRadius": "3px",
      "shadow": "none"
    }
  },
  "images": {
    "logo": "https://ability360.org/wp-content/uploads/2021/01/Ability360-Logo-150px.png",
    "favicon": "https://ability360.org/wp-content/uploads/2020/11/cropped-Ability360-Favicon.ico-32x32.png",
    "ogImage": "https://ability360.org/wp-content/uploads/2016/01/Ability360-Symbol-Web.png"
  },
  "personality": {
    "tone": "professional",
    "energy": "medium",
    "targetAudience": "people with disabilities and their advocates"
  }
}