Wufoo Brand: Colors, Fonts, Logo & Visual Identity

Wufoo Brand Identity

A complete profile of Wufoo's visual system — colors, typography, components, and personality — extracted from http://wufoo.com. Built for designers, agents, and AI tools.

Color Palette

Brand palette extracted from http://wufoo.com.

primary: #2D3748 (rgb(45, 55, 72))
secondary: #61B7D4 (rgb(97, 183, 212))
accent: #2685C6 (rgb(38, 133, 198))
background: #FFFFFF (rgb(255, 255, 255))
textPrimary: #3A3A3A (rgb(58, 58, 58))
link: #2685C6 (rgb(38, 133, 198))

Typography

Each font links to its Google Fonts page where available.

primary: National Google Fonts →
heading: National, Helvetica, Arial, sans-serif

Not found on Google Fonts? Agent Instructions that you can follow if you have permission to use the fonts:

CharacterQuilt.com suggests this flow that can help:

1. Open the company's homepage in a browser with DevTools open.
2. In the Network tab, filter by "Font" (or by extension: woff2, woff, ttf, otf).
3. Hard-reload the page and click around (pricing, blog, careers) — some weights only load on specific routes.
4. For each captured font URL: right-click → Save As to download the file locally.
5. View the page's CSS (DevTools → Sources, or curl the stylesheet URLs) and copy out the matching @font-face declarations. Rewrite each `src: url(...)` to point to your local file path.

Programmatic alternative: load the URL with Playwright or Puppeteer, listen for `response` events whose `Content-Type` starts with `font/`, and write the body to disk. The CSS extraction step is the same.

Only do this if you have permission to use the brand assets — most proprietary fonts are licensed and may not be redistributable.

Visual Assets

%20!important%3B%22%3E%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20%3Cdesc%3EThe%20Wufoo%20by%20SurveyMonkey%20Logo%3C%2Fdesc%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M14.3%2C40.8L0%2C8.5l9.7-1.9l4.4%2C12.1c1.4%2C3.8%2C2.8%2C8.1%2C4%2C11.5h0.1c-0.2-3.9-0.3-8.1-0.3-12.4L17.6%2C5.2l9.7-1.9%26%2310%3B%20%20%20%20%20%20l4.6%2C12.6c1.4%2C3.8%2C2.5%2C7.2%2C3.7%2C10.9h0.1c-0.2-3.9-0.4-8-0.6-12.1L34.7%2C1.8L43.8%2C0l-1.8%2C35.3l-9.9%2C1.9l-4.8-12.7%26%2310%3B%20%20%20%20%20%20c-1.1-2.9-2.1-5.9-3.4-9.8h-0.1c0.2%2C4.1%2C0.4%2C7.4%2C0.4%2C10.4v13.7L14.3%2C40.8z%22%2F%3E%0A%09%20%20%20%20%3Cpath%20d%3D%22M53.7%2C9.9L51%2C29.3c-0.7%2C5.1%2C0.6%2C8.3%2C4.2%2C8.8s5.8-1.9%2C6.5-7.3l2.7-19.3l9.1%2C1.3l-2.6%2C18.8%26%2310%3B%26%239%3B%20%20%20%20%20%20c-1.5%2C10.5-7.5%2C15-17%2C13.7c-9.3-1.3-13.5-7.1-12-18l2.6-18.6L53.7%2C9.9z%22%2F%3E%0A%09%20%20%20%20%3Cpolygon%20points%3D%2271.8%2C4.9%2093.8%2C3%2094.4%2C10.6%2081.7%2C11.6%2082.2%2C17.9%2094.2%2C16.9%2094.8%2C24.3%2082.8%2C25.3%2083.9%2C38.3%2074.7%2C39.1%20%22%2F%3E%0A%09%20%20%20%20%3Cpath%20d%3D%22M110.9%2C43.6c-10.6%2C0-16.5-8-16.5-17.5c0-10%2C6.5-17.9%2C17.1-17.9c11.1%2C0%2C16.7%2C8.2%2C16.7%2C17.4%26%2310%3B%26%239%3B%20%20%20%20%20%20C128.1%2C36.6%2C121.5%2C43.6%2C110.9%2C43.6L110.9%2C43.6z%20M111.4%2C36.3c4.4%2C0%2C7-4.3%2C7-10.5c0-5.9-2.6-10.4-7.1-10.4s-7.1%2C4.5-7.1%2C10.4%26%2310%3B%26%239%3B%20%20%20%20%20%20c-0.1%2C6.2%2C2.7%2C10.5%2C7.1%2C10.5L111.4%2C36.3z%22%2F%3E%0A%09%20%20%20%20%3Cpath%20d%3D%22M139.9%2C35.6c-10.6%2C0-16.5-8-16.5-17.5c0-10%2C6.5-17.9%2C17.1-17.9c11.1%2C0%2C16.7%2C8.2%2C16.7%2C17.4%26%2310%3B%26%239%3B%20%20%20%20%20%20C157.1%2C28.6%2C150.5%2C35.6%2C139.9%2C35.6L139.9%2C35.6z%20M140.4%2C28.3c4.4%2C0%2C7-4.3%2C7-10.5c0-5.9-2.6-10.4-7.1-10.4s-7.1%2C4.5-7.1%2C10.5%26%2310%3B%26%239%3B%20%20%20%20%20%20c-0.1%2C6.2%2C2.7%2C10.5%2C7.1%2C10.5L140.4%2C28.3z%22%2F%3E%0A%09%20%20%20%20%3Cpath%20fill%3D%22%23333E48%22%20d%3D%22M43.7%2C55.1c0.3-0.9%2C1.2-1.4%2C2.1-1.4c1.9%2C0%2C2.9%2C1.6%2C2.9%2C3.7s-1.2%2C3.8-3%2C3.8c-1%2C0.1-1.8-0.5-2.1-1.4L43.4%2C61H42%26%2310%3B%26%239%3B%20%20%20%20%20%20V50.8h1.7L43.7%2C55.1z%20M43.7%2C57.9c0%2C1.4%2C0.8%2C1.9%2C1.5%2C1.9c1%2C0%2C1.7-0.8%2C1.7-2.4s-0.6-2.3-1.7-2.3c-0.8%2C0-1.6%2C0.6-1.6%2C2L43.7%2C57.9z%22%2F%3E%0A%09%20%20%20%20%3Cpath%20fill%3D%22%23333E48%22%20d%3D%22M54.7%2C53.9h1.7l-2.6%2C7.4c-0.7%2C2-1.6%2C2.7-2.9%2C2.7c-0.4%2C0-0.9-0.1-1.3-0.3l0.3-1.3c0.2%2C0.2%2C0.5%2C0.3%2C0.8%2C0.3%26%2310%3B%26%239%3B%20%20%20%20%20%20c0.6%2C0%2C0.9-0.3%2C1.3-1.3l-2.6-7.4h1.8l1.7%2C5.4l0%2C0L54.7%2C53.9z%22%2F%3E%0A%09%20%20%20%20%3Cpath%20fill%3D%22%23333E48%22%20d%3D%22M60.4%2C58.6l1.6-0.6c0.2%2C1.1%2C1.1%2C1.8%2C2.2%2C1.8c1%2C0%2C1.7-0.4%2C1.7-1.3c0-2.1-5.1-0.7-5.1-4.2c0-1.8%2C1.5-2.8%2C3.4-2.8%26%2310%3B%26%239%3B%20%20%20%20%20%20s3.1%2C0.8%2C3.4%2C2.5L66%2C54.3c-0.1-0.9-0.9-1.5-1.8-1.5c-1%2C0-1.6%2C0.5-1.6%2C1.3c0%2C2.1%2C5.1%2C0.6%2C5.1%2C4.2c0%2C1.8-1.6%2C2.8-3.5%2C2.8%26%2310%3B%26%239%3B%20%20%20%20%20%20S60.7%2C60.2%2C60.4%2C58.6z%22%2F%3E%0A%09%20%20%20%20%3Cpath%20fill%3D%22%23333E48%22%20d%3D%22M73.6%2C59.7c-0.3%2C1-1.2%2C1.6-2.2%2C1.5c-1.2%2C0.1-2.2-0.8-2.2-2c0-0.1%2C0-0.2%2C0-0.3v-5h1.7v4.6c0%2C0.8%2C0.4%2C1.3%2C1.1%2C1.3%26%2310%3B%26%239%3B%20%20%20%20%20%20s1.5-0.6%2C1.5-1.9v-4h1.8V61h-1.5L73.6%2C59.7z%22%2F%3E%0A%09%20%20%20%20%3Cpath%20fill%3D%22%23333E48%22%20d%3D%22M81.6%2C55.5c-0.2-0.1-0.5-0.1-0.7-0.1c-1%2C0-1.8%2C0.7-1.8%2C2.1V61h-1.7v-7.1h1.5l0.2%2C1.7c0.2-1.2%2C1.3-2%2C2.6-1.9%26%2310%3B%26%239%3B%20%20%20%20%20%20c0%2C0%2C0.1%2C0%2C0.1%2C0L81.6%2C55.5z%22%2F%3E%0A%09%20%20%20%20%3Cpath%20fill%3D%22%23333E48%22%20d%3D%22M85.8%2C59.1l1.7-5.2h1.7L86.7%2C61h-1.7l-2.6-7.1h1.8L85.8%2C59.1L85.8%2C59.1z%22%2F%3E%0A%09%20%20%20%20%3Cpath%20fill%3D%22%23333E48%22%20d%3D%22M94.7%2C58.7l1.4%2C0.5c-0.4%2C1.3-1.6%2C2.1-2.9%2C2c-2%2C0-3.4-1.3-3.4-3.7s1.3-3.8%2C3.4-3.8c1.6-0.1%2C2.9%2C1.1%2C2.9%2C2.7%26%2310%3B%26%239%3B%20%20%20%20%20%20c0%2C0.1%2C0%2C0.3%2C0%2C0.4c0%2C0.3%2C0%2C0.6-0.1%2C0.9h-4.5c0%2C1.3%2C0.7%2C2.1%2C1.7%2C2.1C94%2C59.9%2C94.6%2C59.4%2C94.7%2C58.7z%20M94.5%2C56.7c0-0.1%2C0-0.2%2C0-0.3%26%2310%3B%26%239%3B%20%20%20%20%20%20c0-0.7-0.5-1.3-1.2-1.4c0%2C0%2C0%2C0%2C0%2C0c-0.9%2C0-1.5%2C0.7-1.6%2C1.8L94.5%2C56.7z%22%2F%3E%0A%09%20%20%20%20%3Cpath%20fill%3D%22%23333E48%22%20d%3D%22M102.2%2C53.9h1.7l-2.6%2C7.4c-0.7%2C2-1.6%2C2.7-2.9%2C2.7c-0.4%2C0-0.9-0.1-1.3-0.3l0.3-1.3c0.2%2C0.2%2C0.5%2C0.3%2C0.8%2C0.3%26%2310%3B%26%239%3B%20%20%20%20%20%20c0.6%2C0%2C0.9-0.3%2C1.3-1.3L97%2C53.9h1.8l1.7%2C5.4l0%2C0L102.2%2C53.9z%22%2F%3E%0A%09%20%20%20%20%3Cpath%20fill%3D%22%23333E48%22%20d%3D%22M110.4%2C58.8h-1.1l-2.2-4.7l0%2C0V61h-1.7v-9.5h2l2.6%2C5.3l0%2C0l2.6-5.3h1.9V61h-1.7v-6.8l0%2C0L110.4%2C58.8z%22%2F%3E%0A%09%20%20%20%20%3Cpath%20fill%3D%22%23333E48%22%20d%3D%22M119.5%2C61.2c-2%2C0-3.4-1.3-3.4-3.7s1.4-3.7%2C3.4-3.7s3.4%2C1.3%2C3.4%2C3.7S121.5%2C61.2%2C119.5%2C61.2z%20M119.5%2C55%26%2310%3B%26%239%3B%20%20%20%20%20%20c-1.1%2C0-1.6%2C0.8-1.6%2C2.4s0.5%2C2.4%2C1.6%2C2.4s1.6-0.8%2C1.6-2.4S120.6%2C55%2C119.5%2C55z%22%2F%3E%0A%09%20%20%20%20%3Cpath%20fill%3D%22%23333E48%22%20d%3D%22M126.2%2C55.2c0.4-1%2C1.3-1.6%2C2.3-1.5c1.2-0.1%2C2.1%2C0.8%2C2.2%2C2c0%2C0.1%2C0%2C0.2%2C0%2C0.3v5h-1.8v-4.5c0-0.8-0.4-1.3-1.2-1.3%26%2310%3B%26%239%3B%20%20%20%20%20%20s-1.5%2C0.5-1.5%2C1.8v4h-1.7v-7.1h1.4L126.2%2C55.2z%22%2F%3E%0A%09%20%20%20%20%3Cpath%20fill%3D%22%23333E48%22%20d%3D%22M139.3%2C61h-2l-2.3-3.1h-0.5V61h-1.8V50.8h1.7v5.8h0.6l2.1-2.7h2l-2.6%2C3.3L139.3%2C61z%22%2F%3E%0A%09%20%20%20%20%3Cpath%20fill%3D%22%23333E48%22%20d%3D%22M144.6%2C58.7l1.4%2C0.5c-0.4%2C1.3-1.6%2C2.1-2.9%2C2c-2%2C0-3.4-1.3-3.4-3.7s1.3-3.8%2C3.4-3.8c1.6-0.1%2C2.9%2C1.1%2C2.9%2C2.7%26%2310%3B%26%239%3B%20%20%20%20%20%20c0%2C0.1%2C0%2C0.3%2C0%2C0.4c0%2C0.3%2C0%2C0.6-0.1%2C0.9h-4.5c0%2C1.3%2C0.7%2C2.1%2C1.7%2C2.1C143.9%2C59.9%2C144.5%2C59.4%2C144.6%2C58.7z%20M144.4%2C56.7%26%2310%3B%26%239%3B%20%20%20%20%20%20c0-0.1%2C0-0.2%2C0-0.3c0-0.7-0.5-1.3-1.2-1.4c0%2C0%2C0%2C0%2C0%2C0c-0.9%2C0-1.5%2C0.7-1.6%2C1.8L144.4%2C56.7z%22%2F%3E%0A%09%20%20%20%20%3Cpath%20fill%3D%22%23333E48%22%20d%3D%22M152%2C53.9h1.7l-2.6%2C7.4c-0.7%2C2-1.5%2C2.7-2.9%2C2.7c-0.4%2C0-0.9-0.1-1.3-0.3l0.3-1.3c0.2%2C0.2%2C0.5%2C0.3%2C0.8%2C0.3%26%2310%3B%26%239%3B%20%20%20%20%20%20c0.6%2C0%2C0.9-0.3%2C1.3-1.3l-2.6-7.4h1.8l1.7%2C5.4l0%2C0L152%2C53.9z%22%2F%3E%0A%20%20%20%3C%2Fsvg%3E%3C%2Fsvg%3E)

Logo

Favicon

UI Components

Live previews rendered using Wufoo's actual button styles.

Button Primary
- Background: #2685C6
- Text Color: #FFFFFF
- Border Color: #99CAEC
- Border Radius: 0px
- Shadow: none
Button Secondary
- Background: #F6BB43
- Text Color: #FFFFFF
- Border Color: #FFF5CA
- Border Radius: 0px
- Shadow: none

Brand Personality

Tone: modern
Energy: medium
Audience: business professionals and organizations looking for form-building solutions

Wufoo Brand in the Wild

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

Image: attributer.io

Image: farm4.static.flickr.com

Image: farm5.static.flickr.com

Image: farm4.static.flickr.com

Image: unbounce.com

Frequently Asked Questions

What is Wufoo's primary brand color?
Wufoo's primary brand color is #2D3748. It anchors the visual identity across their website, product UI, and marketing materials.
What accent color does Wufoo use?
Wufoo uses #2685C6 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.
What font does Wufoo use?
Wufoo uses National as the primary typeface across body and headings.
Does Wufoo use a light or dark theme?
Wufoo's primary site uses a light color scheme, with a background of #FFFFFF.
Where can I find Wufoo's logo?
Wufoo's logo is available directly on their site (http://wufoo.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 http://wufoo.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 Wufoo.