# Watsi Brand Identity

A complete profile of **Watsi**'s visual system — colors, typography, components, and personality — extracted from [https://watsi.org](https://watsi.org/). Built for designers, agents, and AI tools.

## Color Palette

Brand palette extracted from https://watsi.org.

| Color        | Code      | RGB                |
|--------------|-----------|--------------------|
| primary      | #11BAED  | rgb(17, 186, 237)  |
| secondary    | #C0EDFA  | rgb(192, 237, 250) |
| accent       | #11BAED  | rgb(17, 186, 237)  |
| background   | #FFFFFF  | rgb(255, 255, 255) |
| textPrimary  | #2E2844  | rgb(46, 40, 68)    |
| link         | #2E2844  | rgb(46, 40, 68)    |

## Typography

Each font links to its Google Fonts page where available.

| Role  | Font | Link   |
|-------|------|--------|
| primary | Lato | [Google Fonts →](https://fonts.google.com/specimen/Lato) |
| heading  | Lato | [Google Fonts →](https://fonts.google.com/specimen/Lato) |

## Visual Assets

%20!important%3B%22%3E%3Cpath%20d%3D%22M75%200C33.6%200%200%2033.6%200%2075s33.6%2075%2075%2075%2075-33.6%2075-75S116.4%200%2075%200zm48.6%2057.2l-22.5%2047.2c-.7%201.4-2.1%202.5-3.6%202.5h-45c-1.5%200-2.9-1.1-3.6-2.5l-22.5-47c-.6-1.2-.5-2.5.2-3.7s2-1.7%203.4-1.7h90c1.4%200%202.7.5%203.4%201.6s.8%202.4.2%203.6z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M97.5%2093.7L113.7%2060H81.4zM75%2065.3L58.9%2099h32.3zM68.7%2060H36.4l16.1%2033.7zM252.1%2052h-5.3c-.8%200-1.5.3-1.8%201l-13.5%2039.4L218%2053.1c-.3-.8-1-1.2-1.8-1.2h-3.9c-.8%200-1.5.3-1.8%201.1L197%2092.3l-13.5-39.4c-.3-.8-1-1.1-1.8-1.1h-5.4c-.6%200-1.2%200-1.5.5-.4.5-.4%201-.2%201.6l18.5%2051.5c.3.7%201%201.4%201.8%201.4h4.2c.8%200%201.5-.8%201.8-1.5L214.3%2067l13.3%2038.4c.3.7%201%201.4%201.8%201.4h4.2c.8%200%201.5-.7%201.8-1.5l18.5-51.4c.2-.6.1-1-.2-1.5-.4-.3-1-.4-1.6-.4zM286%2051.5c-7.9%200-13.7%202.3-18.5%204.5-.9.4-1.2%201.5-.8%202.4l1.8%204.3c.2.5.6.9%201.1%201%20.5.2%201%20.1%201.5-.1%205.2-2.6%209.9-3.9%2015-3.9%206.7%200%2014.7%201.9%2014.8%2012.9-3.9-.9-8.8-1.7-15.2-1.7-14.6%200-24.2%206.4-24.2%2017.6v.2c0%2011.5%2011.1%2017.7%2021.5%2017.7%208.3%200%2013.5-3.3%2017.5-6.6v4.6c0%201%201.2%202.4%202.3%202.4h4.7c1%200%201-1.3%201-2.4V72.7c0-13.5-8.1-21.2-22.5-21.2zm14.5%2033.8c0%207.8-7.4%2012.9-17.2%2012.9-6.4%200-12.8-3.3-12.8-9.7v-.2c0-6.2%205.5-9.2%2014.7-9.2%206.3%200%2011.3.9%2015.3%201.9v4.3zM353.1%2052h-16.6V37.9c0-1%20.1-1.9-.9-1.9h-4.9c-1%200-2.2.9-2.2%201.9V52h-5.1c-1%200-1.9.4-1.9%201.5V58c0%201%20.9%202.1%201.9%202.1h5.1v30.8c0%209.7%206.3%2015.7%2016.2%2015.7%203.3%200%205.9-.6%208.8-2%20.7-.3.9-1%20.9-1.7v-4.6c0-.6-.1-1.2-.6-1.6-.5-.3-1.1-.4-1.7-.1-2.6%201.2-4.9%201.6-7.1%201.6-5.6%200-8.7-2.5-8.7-7.9V60h16.6c1%200%201.4-1%201.4-2.1v-4.5c.2-1-.1-1.4-1.2-1.4zM388.4%2074.5c-7.4-2.1-12.9-3.2-12.9-7.3V67c0-4.1%204.4-6.9%2010-6.9%204.7%200%2010.1%201.7%2014.7%204.7.4.3%201%20.4%201.5.3.5-.1%201-.4%201.2-.8l2.6-4.1c.5-.9.3-2-.5-2.6-5.4-3.6-12.8-5.9-19-5.9-10.7%200-18.6%206.7-18.6%2015.8v.2c0%2010.3%2010.2%2012.4%2018.3%2014.8v.1c8%202.2%2011.6%203.4%2011.6%207.6v.2c0%204.6-3.8%207.7-9.9%207.7-5.9%000-11.4-2.1-16.8-6.2-.4-.3-.8-.4-1.3-.4-.5.1-.9.3-1.2.7l-2.9%203.9c-.6.8-.4%201.9.3%202.6%205.9%204.8%2014%207.8%2021.6%207.8%2011.2%000%2019-7%2019-16.6v-.2c.4-10.9-11-13.3-17.7-15.2zM429.3%2052h-4.9c-1%200-1.9.4-1.9%201.5v51.2c0%201%20.9%202.4%201.9%202.4h4.9c1%200%201.2-1.3%201.2-2.4V53.5c0-1.1-.2-1.5-1.2-1.5zM429.5%2036h-5.3c-.9%200-1.7.8-1.7%201.7v5.2c0%20.9.8%202.1%201.7%202.1h5.3c.9%200%201-1.2%201-2.1v-5.2c0-.9-.1-1.7-1-1.7z%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 Watsi's actual button styles.

| Component      | Background     | Text Color  | Border Color | Border Radius | Shadow   |
|----------------|----------------|-------------|--------------|----------------|----------|
| Input          | transparent     | #2E2844    | null         | 0px            | none     |
| Button Primary | #11BAED        | #FFFFFF     | null         | 9999px         | none     |
| Button Secondary | #FFFFFF     | #2E2844    | #9C9CA5      | 9999px         | none     |

## Brand Personality

**Tone:** professional  
**Energy:** medium  
**Audience:** philanthropists and socially conscious individuals

## Watsi Brand in the Wild

Real-world brand assets — ads, campaigns, and marketing materials.

Image: [cdn.ymaws.com](https://cdn.ymaws.com/atsi.site-ym.com/resource/resmgr/conference/2025/ac-aceaker-resources.png)
Source: [atsi.org](https://atsi.org/page/annual-conference-2025)

Image: [i.ytimg.com](https://i.ytimg.com/vi/2pgXYq8LEJQ/maxresdefault.jpg)
Source: [atsi.org](https://atsi.org/page/find-a-call-center-partner)

Image: [atsi.org](https://atsi.org/resource/resmgr/conference/2025/ATSI-AC-Logo-1600%C3%971216-2025.png)
Source: [atsi.org](https://atsi.org/page/annual-conference-attendee-resources-2025)

Image: [cdn.ymaws.com](https://cdn.ymaws.com/atsi.site-ym.com/resource/resmgr/images/atsi-mediaf-web-img.gif)
Source: [atsi.org](https://atsi.org/page/webinars)

Image: [cdn.ymaws.com](https://cdn.ymaws.com/atsi.site-ym.com/resource/resmgr/logos/amtel_main_logo_rgb_green__3.png)
Source: [atsi.org](https://atsi.org/page/annual-conference-2024)

Image: [cdn.ymaws.com](https://cdn.ymaws.com/atsi.site-ym.com/resource/resmgr/images/bod-headshots/rob-bennett.jpg)
Source: [atsi.org](https://atsi.org/page/board-of-directors)

## Frequently Asked Questions

1. **What is Watsi's primary brand color?**  
   Watsi's primary brand color is #11BAED. It anchors the visual identity across their website, product UI, and marketing materials.

2. **What font does Watsi use?**  
   Watsi uses Lato as the primary typeface across body and headings.

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

4. **Where can I find Watsi's logo?**  
   Watsi's logo is available directly on their site (https://watsi.org). The current logo URL is included in the machine-readable JSON profile linked above.

5. **How was this brand profile generated?**  
   This profile was extracted from https://watsi.org 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 Watsi.

## Methodology

Brand data on this page was extracted from [https://watsi.org](https://watsi.org/) on 2026-07-27 using the [Firecrawl](https://firecrawl.dev/) branding extraction API, which inspects each site's live CSS, font network requests, color tokens, and component styles. Brand-in-the-wild images were sourced via Google Image Search restricted to ad/webinar/report queries and link out to their original third-party publishers; we link to the source rather than re-hosting third-party content. This page is published by **CharacterQuilt** and is not affiliated with or endorsed by Watsi.